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.

Similar Messages

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
Harikumar

With 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.

Is there any way to set default column widths in the Finder's Column view

When my Finder windows open in column view, all the columns are always VERY wide. I have to then spend time resizing them to a managable width. Is there any way to set default column widths in the Finder's Column view?
<Re-Titled By Host>

No, because you can't set a columns view default.
27" i7 iMac (Mid 2011) refurb, OS X Yo (10.10), Mavs, ML & SL, G4 450 MP w/10.5 & 9.2.2

OLE2 how to set a column width of an excel file i'm creating?

how can i set the column width in an excel file i'm creating with ole?
or even, haw can i set the auto-fix properties?

Hallo !
SORRY MY ENGLISH is very BAD.
I tried to set page header and footer in Excel sheet with abap ole
DATA : BEGIN OF enter,
         x(1) TYPE x VALUE '0D',
        END OF enter.
DATA : format(255) TYPE c.
FORM set_page_sheet.
CALL METHOD OF excel 'ActiveSheet' = sheet.
CALL METHOD OF sheet 'PageSetup' = pagesetup.
SET PROPERTY OF pagesetup 'Orientation' = xllandscape.
SET PROPERTY OF pagesetup 'PrintTitleRows' = '$9:$12'.
CLEAR format.
ERROR
CONCATENATE 'PAGESHEET' enter-x 'PAGE &P/&N' INTO format.
ERROR
SET PROPERTY OF pagesetup 'RightHeader' = format.
CLEAR format.
CONCATENATE ' Text 1 ' enter-x 'Text 2'
enter-x 'Text 3 ' INTO format.
SET PROPERTY OF pagesetup 'RightFooter' = format.
FREE OBJECT pagesetup.
ENDFORM.                    " set_page_sheet
Activate report -
ERROR - The enter-x must by data type c or another then data type x
Thanks for answer.

How to set displayed column width for a search help

I have created an elementary search help for a custom field with a value table behind it.
The search help functions correctly, but when displayed the column widths are all 10 characters. The user has to adjust the column to view the descriptive text.
Can anyone tell me how to set default column widths for the help?

Please open you Elementary search help and see the Column width behind the Fields of your ...there increase the width of the fields
"Activate it and refresh
reward points if it is usefull .....
Girish

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

New to portal: Setting the column width in portal QBE report

I'm trying to set different widths to different columns in the QBE report. One of the columns in the report contains long descriptive text. With the default column width the reports runs into many pages and user has to scroll a lot. I would like to set the column width for this column so that it does not wrap for every 2/3 words. In the customization tab, I'm setting the width type to "Char" and selecting the number of characters to be displayed in that coulmn. Percent/pixel width type also didn't help. Should I set the Header width also?. I'm not sure where to set this header column width.QBE report just ignores these customization parameters and displays the report in default format. Please let me know if you have any idea/solution to this problem.
Thanks
Surya

Hi,
This is a bug and has been fixed 30984.
Thanks,
Sharmila

Set JTable column width

Hi,
I would like to set the column width of JTable.
========================================
JTable table;
DefaultTableModel tableModel;
tableModel = new DefaultTableModel();
table = new JTable( tableModel);
JScrollPane scrollPane = new JScrollPane(table);
for(int i = 0; i < heading.length; i++)
tableModel.addColumn( heading[ i ]);
========================================

Did you run the tutorial code? Did it work?
Now compare the tutorial code with your code to determine what is different.
We can't tell you what is different based on the one line of code you posted:
colModel.getColumn(i).setPreferredWidth(100);

Can't set custom column widths in JTable

I'm trying to set custom columns widths. They are set as I wish but then they are reset to default values (all columns have the same size). This is caused by method JFrame.setVisible(true) which invokes JTree.setWidthsFromPreferredWidths(). It can be investigated from following stack trace printed when a column being resized (see below).
How to prevent this auto width sizing?
P.S. can't override JTable.setWidthsFromPreferredWidths(); seems it's private
table = new JTable(model) {
     public void columnMarginChanged(ChangeEvent event) {
          new Exception("stack trace").printStackTrace();
          super.columnMarginChanged(event);
// setting here custom columns widths via table column model ...java.lang.Exception: stack trace
     at mtu.gui.TrackList$1.columnMarginChanged(TrackList.java:30)
     at javax.swing.table.DefaultTableColumnModel.fireColumnMarginChanged(DefaultTableColumnModel.java:615)
     at javax.swing.table.DefaultTableColumnModel.propertyChange(DefaultTableColumnModel.java:679)
     at javax.swing.event.SwingPropertyChangeSupport.firePropertyChange(SwingPropertyChangeSupport.java:264)
     at javax.swing.event.SwingPropertyChangeSupport.firePropertyChange(SwingPropertyChangeSupport.java:232)
     at javax.swing.table.TableColumn.firePropertyChange(TableColumn.java:249)
     at javax.swing.table.TableColumn.firePropertyChange(TableColumn.java:255)
     at javax.swing.table.TableColumn.setWidth(TableColumn.java:482)
     at javax.swing.JTable$2.setSizeAt(JTable.java:2242)
     at javax.swing.JTable$5.setSizeAt(JTable.java:2336)
     at javax.swing.JTable.adjustSizes(JTable.java:2372)
     at javax.swing.JTable.adjustSizes(JTable.java:2340)
     at javax.swing.JTable.setWidthsFromPreferredWidths(JTable.java:2250) <======
     at javax.swing.JTable.doLayout(JTable.java:2165)
     at java.awt.Container.validateTree(Container.java:1089)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validateTree(Container.java:1096)
     at java.awt.Container.validate(Container.java:1064)
     at java.awt.Window.show(Window.java:455)
     at java.awt.Component.show(Component.java:1134)
     at java.awt.Component.setVisible(Component.java:1089) <=====
     at mtu.gui.Test.test_03(Test.java:56)
     at mtu.gui.Test.main(Test.java:29)
     at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
     at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:39)
     at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:25)
     at java.lang.reflect.Method.invoke(Method.java:324)
     at com.intellij.rt.execution.application.AppMain.main(Unknown Source)

When I create the table I have code like this:TableColumn col = getColumnModel().getColumn(2);
col.setMinWidth(width + 4);
col.setMaxWidth((int)(width * 1.2));Works just fine for me. The setWidthsFromPreferredWidths() method will use these limits as far as I can see.
PC²

How can i set the column width in the jtable?

how can i set the column width in the jtable?
can anybody send me a simple example??

TableColumn column = table.getColumnModel().getColumn( columnIndex );
column.setWidth( desiredColumnWidth);
column.setMinWidth( desiredMinColumnWidth);
column.setMaxWidth( desiredMaxColumnWidth);

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,
Srilatha

Hi 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

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?

Adjust JTable column width according to content

'morning all,
How can I resize each column's width according with the content ? I mean, i'd like to show all the content of my cells, neither clipped nor with leading space.
Can something help me, please ?
Bye bye by Dhavide - we will, forever -

If you don't set specific font for individual cells, your JTable inherited a default font from the Component class. You can try something like this (untested):
FontMetrics FM=getFontMetrics(myTable.getFont());
int j=0;
int col=1; // or whatever column you want to change width
String out;
for (int row=0;row<maxRow;row++) {
   out=myTable.getValueAt(row,col);
   if (FM.stringWidth(out)>j) j=FM.stringWidth(out);
myTable.setColWidth(col,col+1,j);          // width plus a fudge factorwhere myTable is a reference to your own table and out is the label in each row in the column that you want to change the width.
;o)
V.V.

How to set initial column widths for a table

What I'd like to do is to control the initial column widths for a table.
I'm building the table by using a class which extends AbstractTableModel. This class takes care of setting the headers and reading the data for the table.
If I do the following:
VarTableModel vtm = new VarTableModel(vi);
JTable jt = new JTable(vtm);
JScrollPane jsp = new JScrollPane(jt);
frame.getContentPane().add(jsp);
frame.setVisible(true);
I will see a table in my window. The widths of the columns are equal and are a function of the horizontal dimension of the window.
I have tried to set the width of a column by doing the following:
TableColumn aColumn;
aColumn = jt.getColumn(vtm.getColumnName(0));
aColumn.setWidth(40);
But this has no effect on what gets displayed. I can force the widths that I want by using 'setMaxWidth' but this has the unfortunate side effect of not allowing the user to make the column wider if they want.
What I'd like is a way to specify the widths of the columns when initially displayed and then let the user adjust to their liking.
I'm sure that there is a way to do this, but I don't seem to understand where to intervene in the process to produce the effect that I want.
Any help or suggestions will be greatly appreciated!

Table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
add this line and try ur codeThanks for the suggestion! Unfortunately, it doesn't seem to do the trick. Here is an abbreviated segment of my code:
vtm = new VarTableModel(vi);
JTable jt = new JTable(vtm);
// we want a horizontal scrollbar, so turn resizing off
// and we want to control column widths
jt.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
aColumn = jt.getColumn(vtm.getColumnName(0));
aColumn.setWidth(40);
. // same kind of thing for each column
aColumn = jt.getColumn(vtm.getColumnName(4));
aColumn.setWidth(400);
JScrollPane jsp = new JScrollPane(jt);
frame.getContentPane().add(jsp);
frame.setVisible(true);
If I do the above, the table gets displayed with each of the five columns the exact same width. So, the sizing of the columns is happening somewhere else despite turning auto resizing off.
Where is that occurring and how can I intervene so that I can control the widths of the columns on initial display and still allow the user to adjust the widths if they so choose?

How to set the column width in the PDF exports of interactive reports ?

Hello,
I have a huge problem with the PDF export for the Interactive reports. I'm using APEX 3.2.
I have to produce a PDF report in landscape format that show 21 columns. My problem is that the columns have a ridiculous short width and that the text inside the columns do not wrap in the columns. So I get things like that :
Date Name
2011 Leina
I should see 2011-08-01 and the name Leinad Jan
I tried several things to format the columns, but none of the them has any effect on the PDF itself.
1) I used HTML code in the report query. It works well with the interactive report, but display the HTML tags in the PDF.
2) I used css to set the width of my columns. It works in the interactive report, but not in the PDF, the column width do not change.
It's like the report do not notice that my page format is Legal 14 x 8.5 (Landscape) and still believe it's 8.5 x 11 (which is "portrait")
Do you have any idea so set the columkn widths in the reports ?
Thank you !
Edited by: leinadjan on Aug 1, 2011 11:15 AM

To "remember" the column widths, add a mouse listener to the table header. Upon mouseReleased(), get the column widths and save them to your file. When the application starts next time, get the stored widths and set them using:
table.getColumn("XXX").setPreferredWidth(...);
By default, your columns are adjustable, but you can use:
table.getTableHeader().setResizingAllowed(true);

Setting datagrid column width according to itemrenderer.

Similar Messages

Maybe you are looking for