ClientRowTemplate and Virtual Scrolling losing edits.

[Hugues]

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. 

Thanks

[Vladimir Iliev]

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