Virtual scrolling and addRow

[Marcos]

Hello,

I am currently using a grid with virtual scrolling feature and I would like to add a line to the bottom of the grid. My problem is that even using GridInsertRowPosition.Bottom the line gets added at the bottom of the current "virtual" page. Also, after the lines gets added if I keep scrolling it exits edit mode and my grid will keep an empty line. 

Does anyone know a workaround for this? Even disabling scrolling on the grid during edition will be fine for me as long as the line gets added at the bottom.

 

Thanks in advance,

Marcos

[Konstantin Dikov]

Hi Marcos,

As documented in our help article "Grid - Appearance", "due to the specifics of its behavior and implementation, the virtual scrolling imposes certain limitations with regard to some other Grid features. It cannot be used together with grouping, hierarchy, keyboard navigation, batch editing and inline editing". 

Although that the PopUp editing is not mentioned, it also requires some workarounds to get it working:

1) After adding a new dataItem to the Grid dataSource, call the sync() method of the dataSource:

• http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-sync

2) Subscribe to the sync event of the Grid dataSource, and in the handler, call the read() method of the Grid dataSource. This will refresh the cached dataItem ranges, which now break when a new dataItem is added and cause the scrolling to stop working:

• http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#events-sync 
• http://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-read

An alternative approach to the above is to add the new dataItem directly to the original dataSource, and call grid.dataSource.read() to load this new item and also refresh the dataItem ranges.

Hope this helps.


Regards,
Konstantin Dikov
Telerik