Rows missing depending on scroll speed

Suite and Optimus Suite 5
#1

Hello,

i’ve updated one of our grids to DHTMLX 4.0 and I am having an issue. When I scroll down in the grid slowly, the grid fails to render some entries. For example:

I have 150 records and scroll down slowly, the LAST 10 - 15 records go mission, they are loaded via XML in the server response like they should, but never rendered.
When I scroll down fast, all records pop up just like it should, no one is missing.

This Problem doesn’t appear in any of the other DHTMLX Versions. Here are screenshots, one is scrolled pretty fast, the other one slowly. You can see that entries went missing:

image-upload.de/image/ydzMrL/9b007b81e0.jpg

image-upload.de/image/kr9pVS/da2255d0c4.jpg

Please note that the space for the missing rows is taken. But instead of the data, there is just plain white space…

#2

I have the same problem since updating to 4.0. In my case it’s 14000 rows, but only about the first 100 or so are displayed when scrolling. The rest stays blank. It seems to be a display problem, because when I move the scrollbar up and down, I can see some records flashing up. I have tried in Chrome, IE and Firefox with the same result. I experienced similar behavior with an older 2.x or 3.x version, but 3.6 was fine.

Pls also see my post about this problem: http://forum.dhtmlx.com/viewtopic.php?f=2&t=37071

Here is a screenshot: http://i60.tinypic.com/30ndljt.png

Regards,

S. Schillinger

#3

Seems to be the same problem.

When I scroll up and down very fast more and more rows will be rendered, but some space stays blank like you described and your screenshot shows.

#4

This has been a problem with the Terrace and Web themes in previous versions, but not with the skyblue theme.

Since, in version 4.0, the skyblue theme changed, you have to use the setAwaitedRowHeight() function to correct this rendering problem.

Set the value to 29 for Firefox, Chrome and IExplorer (haven’t tested it on Safari). Opera renders the page in different way, that’s why you have to set it to 25.

It seems that the heights of the row for each theme are not documented, so if you use another theme, you’ll have to find this value the hard way (trial and error).

Hope it helps.

grid2.enableSmartRendering(true);
if(navigator.appName=='Opera')
    grid2.setAwaitedRowHeight(25);
else
if(navigator.appName=='Netscape')
    grid2.setAwaitedRowHeight(29);
#5

@drksrk: thanks a lot for the helpful tip! There is definitely something wrong with the bluesky theme, and when I modify the awaitedrowheigth, it seemingly has an effect on the rendering but it still doesn’t work perfectly. I have switched to the web theme for the moment and with that skin everything works as it should. Hope they fix the bluesky theme soon.

Regards,

S.

#6

Yes, it seems like the Web-Theme is working like it should. But the skyblue-Theme is buggy…

#7

I apologize for the delay.

the issue with skyblue skin and the row height is fixed.
The solution will be included in the 4.0.4. version of dhtmlx.

#8

This issue does still exist for me, even though 4.0.4 is released…

Anybody has an solution?

#9

Please, open ticket at support.dhtmlx.com and we’ll provide with the fixed files.