Refresh grid in place

2 posts, 0 answers
  1. Erik
    Erik avatar
    42 posts
    Member since:
    Aug 2012

    Posted 13 Dec 2017 Link to this post

    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?

  2. Stefan
    Stefan avatar
    2960 posts

    Posted 15 Dec 2017 Link to this post

    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:

    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.

    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.
Back to Top