Changing dataGrid column width with actionScript
Having a strange change when trying to change any dataGrid column width with this code:
dataGrid.columns[ 5 ].width = 200;
It do changes the width of column number 6 to 200, but strangely it's also changes the width of the preceding columns (0-4). Every preceding column automatically increases a little bit than its' existing width without having me any idea.
Any idea anyone have!
Thanks..!
SK
Hi,
See if this thread helps:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=585&threadid=1237299
Cheree
Similar Messages
-
DataGrid column order - with actionscript?
I can't seem to find an effective way to get the data laid
out the way I want.
Imagine this scenario:
I have a single-column list of all the fields in a database
table on the left, and a display table on the right (which starts
with no columns in it).
When I drag an item from the left grid to the right one, I do
a remote call (with AMFPHP) that returns me the primary key for
each row in the table, along with each column that's been dragged
onto the right grid (which I'm keeping track of in an array).
For some reason I can't seem to find a way to prevent the
visible columns from being sorted by their array keys, no matter
what I do. I'd like to set it up so that as a user selects fields
from the left grid, those items are shown as the rightmost column
in the grid. Does anyone know a way I can dynamically load in
columns to the datagrid so that I can set their order (or at least
have the option of loading them in from left to right by putting
them into a new array or something)?
Because of the dynamic nature of the app, I can't be sure
what table I'm going to be viewing, so hard-coding the fields isn't
an option.Hi,
See if this thread helps:
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=585&threadid=1237299
Cheree -
Change the column width on the fly
Dear all,
I have a problem, i have a matrix report, the row is "the project name" and the column is "the items" using within each project, and the problem is the items are variable from time to time the report run for each project, so its exceeds the paper width.
And the question is, is there any way to change the width of the column on the fly, i mean dynamiclly change the column width each time the report is called to make all items fit the paper width.
Thank ui don't think that we can change the layout of the column in reports
The simple solution for that problem is that u have to
fix the horizontal and vertical layout of the text item
better is to post this problem at reports forum
Najeeb -
How to change the column width in Smartforms..?
Hi All..
I need to change the column width in a smartform.
The requirement has been mentioned as follows...
Adjust the column width of the following columns:
MATERIAL: 14 char
DESCRIPTION: 20 char
How to perform this..??
Where can i find the column width of various columns of a smartform..???
Please Help me...
Regards
PavanIn the SMART Forms, you would have created a Table object and specified the line width and divided that into no. of columns that you want, you have to mandatorily specify the width of each column so that total of column width will be equal to that of the line width.
When you double click on the Table object, you can TABLE tab on the right side. If you can't see the line / columns details, click on the DETAILS button.
Regards,
Ravi
Note - Please mark all the helpful answers -
DataGrid column width is not set properly
Hi,
In the below example I has called the OptimizeDataGrid method on Button Click event to resize the Column according to the data. First time of the button click event it called the function whereas the Datagrid Column width alone is not set properly.whereas on second time it is working properly.
For Eg : In the below statement the text value is coming as 55 and widthPadding is comes as 25. but the sum of these two value is not in the dg.columns[col].width.
dg.columns[col].width = text + widthPadding;
But the same is working on the second time of the Button click event. is any help me out to resovle this issue. Thanks in Advance.
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
width="100%" height="100%" >
<mx:Script>
<![CDATA[
import mx.utils.ObjectUtil;
import mx.collections.ArrayCollection;
import mx.core.UITextField;
import mx.events.AdvancedDataGridEvent;
import mx.binding.utils.BindingUtils;
import mx.controls.Alert;
import mx.controls.AdvancedDataGrid;
import mx.controls.advancedDataGridClasses.*;
import mx.controls.DataGrid;
import mx.controls.dataGridClasses.*;
[Bindable]
private var dpFlat:ArrayCollection = new ArrayCollection([
{Region:"aabbCC", Territory:"Central Californiaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa",
Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},
{Region:"AAbbcc", Territory:"Nevada",
Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}
private function optimizeDataGrid(dg:Object,widthPadding:uint = 0,heightPadding:uint = 0):void
if ((!dg is DataGrid))
return;
var col:uint;
var colWidth:uint;
var tf:TextFormat;
var renderer:UITextField;
var widths:Array = new Array(dg.columnCount);
var height:uint = 0;
var dgCol:Object;
var text:uint = 0;
if (dg.columnCount > 0 && dg.dataProvider != null)
for (col = 0; col < dg.columnCount; ++col)
widths[col] = 0;
for each (var item:Object in dg.dataProvider)
for (col = 0; col < dg.columnCount; ++col)
renderer = new DataGridItemRenderer();
dg.addChild(renderer);
dgCol = dg.columns[col];
renderer.text = dgCol.itemToLabel(item);
widths[col] = Math.max(renderer.measuredWidth, widths[col]);
height = Math.max(renderer.measuredHeight, height);
dg.removeChild(renderer);
for (col = 0; col < dg.columnCount; ++col)
dg.addChild(renderer);
renderer.text = dg.columns[col].headerText;
widths[col] = Math.max(renderer.measuredWidth,widths[col]);
dg.removeChild(renderer);
text = widths[col];
dg.columns[col].width = text + widthPadding;
if (height != 0)
dg.rowHeight = height + heightPadding;
]]>
</mx:Script>
<mx:DataGrid id="myADG"
dataProvider="{dpFlat}" rowCount="{dpFlat.length}" sortableColumns="false">
<mx:columns>
<mx:DataGridColumn dataField="Region" />
<mx:DataGridColumn dataField="Territory_Rep" headerText="Territory Rep" />
<mx:DataGridColumn dataField="Territory" />
<mx:DataGridColumn dataField="Actual" />
<mx:DataGridColumn dataField="Estimate" />
</mx:columns>
</mx:DataGrid>
<mx:Button label="click" id="click" click="optimizeDataGrid(myADG,25,5);"/>
</mx:Application>
Regards
HarikumarWith horizontalScrollPolicy="off" (the default), it is hard to control
column widths because the columns are sometimes overridden to make sure they
fit on the screen. -
Can i change the column width in a table row dynamically
Hi,
There are two columns in one of the row of the table, can i change the width of the cells dynamically.
Sometimes one of them will be blank and the other cell has to print the entire string .
Left cell is left aligned and the right cell is right aligned.
I tried to change the width using field.W but it didnot work.
Regards,
SobhanHi,
We can change the column width of a column dynamically. Try the javascript code in the appropriate event.
Table.columnWidths = "2in 3in 4in 5in";
Thanks & Regards,
Sanoosh -
Flex 3: DataGrid Column width on resize
Hello experts,
I am facing an issue with width of DataGrid columns. We are using Flex 3.2.
I am setting the widths for columns in creationComplete handler of DataGrid. When the browser window is resized, say restore down and then maximize,
the column widths are changing. Please find the code below:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="100%" width="100%">
<mx:Script>
<![CDATA[
import mx.core.ScrollPolicy;
[Bindable]
private var isVisible:Boolean = true;
private function creationCompleteHandler():void{
dataGrid.horizontalScrollPolicy = ScrollPolicy.ON;
artist.width = dataGrid.width * 0.40;
album.width = dataGrid.width * 0.50;
Price.width = dataGrid.width * 0.10;
dataGrid.horizontalScrollPolicy = ScrollPolicy.OFF;
]]>
</mx:Script>
<mx:DataGrid id="dataGrid" width="80%" height="100%" creationComplete="creationCompleteHandler()">
<mx:ArrayCollection>
<mx:Object Artist="Pavement" Price="11.99"
Album="Slanted and Enchanted" />
<mx:Object Artist="Pavement"
Album="Brighten the Corners" Price="11.99" />
</mx:ArrayCollection>
<mx:columns>
<mx:DataGridColumn id="artist" dataField="Artist"/>
<mx:DataGridColumn id="album" dataField="Album" visible="{isVisible}"/>
<mx:DataGridColumn id="Price" dataField="Price" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
Is there anything wrong i am doing here? Please help me in resolving this.
Thanks,
SrilathaHi Srilatha,
DataGrid width is 100% and the main application width also 100%, So the
DataGrid will try to occupy the whole window, when you do "restore down" &
"maximize" Application width will change.. and it will effect DataGrid and
its columns also. Try to give some fixed width for dataGrid and you can
expect the result.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
height="100%" width="100%">
<mx:Script>
<![CDATA[
import mx.core.ScrollPolicy;
private var isVisible:Boolean = true;
private function creationCompleteHandler():void
dataGrid.horizontalScrollPolicy = ScrollPolicy.ON;
artist.width = dataGrid.width * 0.40;
album.width = dataGrid.width * 0.50;
Price.width = dataGrid.width * 0.10;
dataGrid.horizontalScrollPolicy = ScrollPolicy.OFF;
]]>
</mx:Script>
<mx:DataGrid id="dataGrid" width="500" height="100%"
creationComplete="creationCompleteHandler()">
<mx:ArrayCollection>
<mx:Object Artist="Pavement" Price="11.99"
Album="Slanted and Enchanted" />
<mx:Object Artist="Pavement"
Album="Brighten the Corners" Price="11.99" />
</mx:ArrayCollection>
<mx:columns>
<mx:DataGridColumn id="artist" dataField="Artist"/>
<mx:DataGridColumn id="album" dataField="Album"
visible=""/>
<mx:DataGridColumn id="Price" dataField="Price" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
Thanks
Pradeep Reddy -
Change of Column Width in Objective Setting and Appraisals
Hi,
Is there any way to change the delivered width of a column in Objective Setting and Appraisals?
Thanks,
Mary Ann KolnikThe only possibility would be with a custom BSP. Easiest way would be copying the standard and make your adaption in the copy.
See also <a href="/people/sap.user72/blog/2007/02/20/objective-setting-appraisals-the-web-environment.
Regards and Groetjes,
Maurice -
In Sales Order changing the column width to see all item desciption?
When in the sales order screen .
Expand the column width of say the item description.
How do I save the column width for all the sales documents for the field item description in sales order ?Hi,
The column width of the Document will be defaulted to the same size at which the user has saved the last document.
So, if a user has saved the Sales Order with a big column width for the 'Item Description' then after saving and re-entering into the Sales Order, the user can see the same column width for all the Sales Order's.
I hope the above helps.
Cheers~
Jitin Chawla -
How do you change the column widths in a master-detail input form?
I have changed several columns to af:inputText so that the field contents can be modified, but this defaults the column width to a huge size, way past the size of the actual data field itself. Modifying the width attribute is ignored and dragging the column dividers is also ignored.
How do I reduce the widths of these columns?
ThanksHi,
maybe this blog entry "Referencing Maximum Length of an Attribute in an EL Expression" by Steve Muench helps
http://radio.weblogs.com/0118231/2007/06/04.html#a839
Frank -
DataGrid: column width to content
Hi all.
I have some DataGrid, filled from array or from external
source - it's not matter.
Headers of columns can have different length, and I need to
implement columns resizing depends of header length.
I understand, that I must use some custom headerRenderer, but
I am flex newbie and have not used renderers earlier, so my test
was not sucessfull.
I've configired my DataGrid as in the attached code..
and how must I implement my renderer? should I override "set
data function" or some other method?
how can I get header lentgh in pixels?
and then how can I set column width?
Thanks and best regards.Should I use a Label, or I need another component?
For example, can I use such renderer format? -
Setting datagrid column width according to itemrenderer.
Hi all,
This is my first question ever in any forum i have visited, so if you find anything stupid about my way of asking question then Pls ignore.
I have taken a datagrid and for one of the datagrid column I have an itemrendere which is an HBOX. THe Hbox contains 3 buttons Edit, Update, cancel. At first only Edit button is visible and on click of it, It is removed from the Hbox and 2 other buttons i.e. Update and Cancel are added in the Hbox. what i want is when i add these 2 buttons the size of the datagrid column should get adjusted accordingly.
I have serached a lot abt this but couldnt find a solution. Please help.
Happy new year to all.....@Pramod :
(listdata.owner as datagrid) .validateNow();
// thats wat i did. but not working.
@John : TypicalItem may work but I am using Flex Builder 3 and i think it does not provide the typicalItem class in it. -
DataGrid Column Width Issues (Bug?)
I have a couple datagrid with three columns, one column in
each grid has width="50". I've noticed some odd behavior with this.
First, in Flex Builder, the width of those columns randomly change
in Design view. If I go and change the width setting to something
else and back to 50 or refresh the display it goes back to
displaying correctly.
Second, when I actually run the project, it seems that my
contraint layout settings expand my 50 pixels significantly. It
certainly doesn't evenly split my three columns if I have a width
setting, but it is far bigger than 50 pixels.
These could be completely unrelated, but are both
unexpected.I haven't set the horizontalScrollPolicy, so I'm assuming
it's the default. The way you described it is the way I understand
it would work, however, it seems that when I use contraint layout
to stretch it to nearly 100% across the screen, the 50 pixels is
not kept. That one column is certainly narrower that the remaining
two columns, but it is far bigger that 50 pixels. It's more like
100 or 150. It's more an annoyance than anything. I have a column
with a Checkbox in this disproportionally large column. Visually,
it looks odd. -
Changing the column widths in a Skin template
Is it possible to modify the layout of the skins? More
specifically, change the width of the columns in the Multiab
Accordion template in the Adobe Air single source layout?
I think somebody already answered this question saying that
skins are not yet editable, but I thought I would ask
anyways.Welcome to our community, Joe
Indeed the AIR output offers anything remotely close to what
one has with WebHelp. We are hopeful that at some future point
Adobe will create some simplified editing environment that does
allow changes as WebHelp does. But until that point in time
arrives, AIR output is definitely WYSIWYG.
You may wish to voice your desires for more flexibility to
Adobe. You may do this using the Wish Form.
Click
here to visit the Wish Form
Cheers... Rick -
I have 3 grids and they each have 5 columns that are a fixed
width and a different number of other columns for each grid that
are not fixed. I try width and minWidth in the DataGridColumn but I
can only make one grid fill 100% across. Im sure its a bug. I would
think the grid would streatch the widths to make 100%. any
thoughts?Can you please put a code snippet? It would be easier to
analyze that way!
Thanks!
Maybe you are looking for
-
I updated my ipod touch4 and it said i had to plug it up to itunes which i did then when i plugged it in it said i had to restore which i did and i was very upset and it restored it i guess and now its frozen on the apple logo how do i fix it? ps my
-
I am getting an error message when trying to publish to BC.
When I am trying to update our site through BC I am getting error #2058: There was an error decompressing the data. What does this mean and how do I fix it?
-
File Adapter found error,source file can't delete
I have configured scenario File to File, the target file is also created,but can't delete source file I checked the path of source file,it's correct.
-
Mass deletion of specific lines in source lists
Hi gurus, In our organization, each material has many sources (plant+purchase org.) in its source list. Now, we need to for our thousands of materials, to delete a specific source for each material (since one of our pur. org, is no longer valid). We
-
Guys, I got one XML file in cXML format from client which he wants me to covert into CSV file. He would like to process this file into Oracle Applications using SQL loader. He had provided me with his xml file which I am pasting below. I need your as