Hi David,

thank you.

Could you post some sample code, please?
I cant find the properties, which I can use to manitpulate the whole header HTML.

TIA

Tomek

Tomek,

The ContainerGrids that the WHDG uses to render do derive from WebDataGrid.  But not all of the behaviors have been modified to officially work in the WHDG.  For example, it may not be properly copied from Band to ContainerGrid.  This is on our forecast to get resizing and moving working for 11.1.  Your column settings are probably not copied to the Container Grid.  You could try to do this yourself in row island populated.  That may fix your problem.  

-Dave

Hi Dave,

Acutally I'm using the WebHierarchicalDataGrid, but the sample Code is from the WebDataGrid.
Could you tell me when the resizing functionality will be officialy supported in WHDG?

The above described issue is from WebDataGrid. I will post this issue in WebDataGrid forum, also.

I need to resize the grids from my second WHDG hierarchy. Isn't it so that the grids in my WHDG hierarchy are type of WebDataGrids? Can I resize this grids?

My approach to solving this problem is to modify the HTML appropriate. Or could you suggest a better way.

TIA

Tomek

Hi Dave,

thank you. That was exactliy what I was searching for.

And here is my second question.

I have 4 TemplateDataFields configured in my grid. One of them has to have fixed width.

Here is the sample code for my column resizing behavior:

<ig:ColumnResizing Enabled="true">    
               <ColumnSettings>                 
                 <ig:ColumnResizeSetting ColumnKey="col1" EnableResize="true"  />                
                 <ig:ColumnResizeSetting ColumnKey="col2" EnableResize="true" MaximumWidth="400" MinimumWidth="400" />
                 <ig:ColumnResizeSetting ColumnKey="col3" EnableResize="true" />   
                 <ig:ColumnResizeSetting ColumnKey="col4" EnableResize="true" />   
              </ColumnSettings>
</ig:ColumnResizing>

I have set the width of col1, col3 and col4 to 200. If I resize col3 or col4 the grid also resizes col2 automaticaly. If I set the EnableResize attribute of col2 to false I get the same behavior.

It seems that the column width of the columns are evenly spread. My has a fixed width of 1000px. Could you tell me how I can disable this behavior?

TIA

Tomek

Hi Tomek,

The grid's initialize event has one event arg, the sender, which is the grid object.

From there you can get a column header element with the following code.

var header1 = grid.get_columns().get_column(0).get_element();

This is the TH.  You could set the colspan of one header to be 2 and then remove the next header.  If you wanted a multi-line, you could go up to the tbody that holds the tr with the th.  Then add a second row.  It really is all manipulating html with javascript at this point.  There isn't really a propery on the grid you can set.

-Dave