ClientRowTemplate and Virtual Scrolling losing edits.

2 posts, 0 answers
  1. Hugues
    Hugues avatar
    5 posts
    Member since:
    Nov 2011

    Posted 05 Apr 2013 Link to this post

    Hi, we have setup an ajax bound grid using a ClientRowTemplate. We also have virtual scrolling turned on. We noticed that if we make a change to a text box value, then scroll down low enough to make the record disappear, the value in the text field is lost. Is there a way to have these values persist? Will we need to store the data in javascript variables? Are there client-side events that are raised when a row goes out of view so that we can save edits? Any feedback is greatly welcomed. 

  2. Vladimir Iliev
    Vladimir Iliev avatar
    2199 posts

    Posted 09 Apr 2013 Link to this post

    Hi Huhues,

    Basically preserving the not saved cell value after scroll to another page is not supported out-of-the-box and you should implement it using custom code. For example you can use the DataBinding event to check if there are cells in edit mode (with class "k-edit-cell") to find it's input and save it's value (and record id) to global variable. Then based on your custom requirement you can use the dataBound event to restore it's value using grid and dataSource client-side APIs. 


    Kind Regards,
    Vladimir Iliev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top