Start Building Professional
Web Apps Today

layout - grid problem

Hi,

We have a jsp layoutDemo.jsp which uses 4I layout to draw 4 sections. The contents of each section are drawn by calling attachURL functions. One of the section contents is a page having a grid with other html elements. The problem that we are facing is that on expanding/collapsing a section, the grid does not re size itself. But on refreshing the section having the grid, it adjusts itself as per the space available and re sizes.

We can not use attachGrid function as the section having the grid is an existing page of our application which contains a lot of other html contents apart from the grid. Hence, it can only be called using a URL. Please suggest on how to resolve this isue.

Thanks,
Gaurav Arora

Hello,

Right, in this case you should manually attach event handlers and call grid.setSizes() like this:

layout.attachEvent("onPanelResizeFinish", function(){ grid.setSizes(); });

also for "onExpand" and "onCollapse" events.

The support team suggested us to attach events and call grid.setSizes function. The problem here is that the layout is defined in a separate jsp file and the grid is defined in another. Hence, we do not have access to the grid object on which we can call this function. Please suggest on how to get the grid object defined in one jsp in the jsp which has layout code. The layout jsp is calling the other jsp using attachURL function.

 

Please suggest.

Thanks,

Gaurav Arora

If you are loading the grid inside separate page, you can try to add next code to the page where grid initialized ( and its reference known ) 

dhtmlxEvent(window,"resize", function(){
        grid.setSizes();
});

Thanks..!!

This worked for us.

However, there is still a problem left. In one of the the inner jsp file, we have three links which open different pages of different heights. How can we set the height of that layout section depending upon the inner content? The requirement is to adjust the height of the layout section depending upon the height of the inner content.

Thanks,

Gaurav

Hi,

The height of the inner section is not getting changed on clicking a link inside a section. Please read the above posted answer for details and suggest a solution.

Thanks,

Gaurav

Hello,

Layout does not support autosize feature.
You need to set size to cell manually.
Demo: http://dhtmlx.com/docs/products/dhtmlxLayout/samples/conf/sizing.html?un=1231424046000