Start Building Professional
Web Apps Today

I have run into a strange issue with the dhtmlxGrid that I hope you might be able to help me resolve.   We are using it within a frameset and about half of time when we load the page using the Safari browser, the grid items do not appear.  If we then resize the browser window or resize the frameset, they immediately appear.  We are also seeing this issue using the latest version of Opera (version 9.01).  Under that browser, the issue occurs every time we load a list of grid items.  I am also seeing the same occurrence with the dhtmlxTree which we are using as well.

The problem caused by zero width of component’s containers while initialization. This is known issues for grid - it must be initialized in visible container, seems that frameset in a Safari/Opera is similar to hidden area. Please try next steps:

a) Set grid/tree initialization on body.onload event (event better to launch it as body.onload=function(){ window.setTimeout(real_start,1); }; )

b) Use fixed width of containers instead of percented one. When width set as percents and parent container has zero size - all child containers also will have zero size.

c) The grid has a grid.setSizes() method, calling it causes greed redrawing.

d) It is a dirty trick, which used in some places of tree and grid, to force redrawing you can launch next two instruction on any container

                container.border="1px solid red;"

                container.border="0px solid red;"

This code doesn't change anything, but force redrawing of container in Safari/Opera and FF.

To find more precise comments upon this issue, we can offer you read about resource scheduling in google calendar and filter datagrid.