I have a remote bound grid with a ~1000 row dataset. I have the set the page to refresh the grid every 30 seconds since it is desired to keep the data live. When the grid does refresh, it takes a few seconds to repopulate. Users find this disrupting as the grid greys out and cannot be scrolled during this time. Is there a method to refresh the data "in-place"? Basically in the dataset there may be only 1 or 2 rows that actually change some in the 30s time. Is there a method to efficiently update the grid only updating the rows that have changed?
1 Answer, 1 is accepted
0
Hello, Erik,
Currently, the Grid will re-render all of its DOM elements when the data is changed even if only the value of one cell is changed.
In these scenarios, we can suggest using serverPaging as this will fetch only the selected page and the re-render will be faster.
I made an example where the Grid with serverPaging is refreshed often and the re-render is almost instant:
http://dojo.telerik.com/EVuBu
As the post is marked for the MVC Grid, that Grid is with server operations true by default and should perform the same way the jQuery Grid is performing with serverPaging.
If additional assistance is needed, please provide a live URL, so we can inspect what may be causing the delay.
Regards,
Stefan
Progress Telerik
Currently, the Grid will re-render all of its DOM elements when the data is changed even if only the value of one cell is changed.
In these scenarios, we can suggest using serverPaging as this will fetch only the selected page and the re-render will be faster.
I made an example where the Grid with serverPaging is refreshed often and the re-render is almost instant:
http://dojo.telerik.com/EVuBu
As the post is marked for the MVC Grid, that Grid is with server operations true by default and should perform the same way the jQuery Grid is performing with serverPaging.
If additional assistance is needed, please provide a live URL, so we can inspect what may be causing the delay.
Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.