This is a migrated thread and some comments may be shown as answers.

Kendo UI Grid MVVM Local Data Virtual Scroll

1 Answer 233 Views
MVVM
This is a migrated thread and some comments may be shown as answers.
Austin
Top achievements
Rank 1
Austin asked on 28 Aug 2017, 02:30 PM

Hello,

I have a Kendo UI Grid that loads 5000+ records.  The data is local data on the page, and the grid is handling it ok, but we'd like to improve performance.  I'd like to try loading the local data in batches of 100 as the user scrolls down the grid results.  I've seen the examples, but have not seen very many examples of MVVM implementations and the best way to approach our situation.  Could someone recommend the way to get virtual scrolling working with row batches?

Thanks in advance!

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 30 Aug 2017, 06:57 AM
Hello Austin,

The desired result can be achieved using the same approach as for the jQuery Grid, the difference is only coming from the used syntax and the used ViewModel.

I made an example demonstrating this. In the DOM inspector can be observed how the rows are rendered in a batch of 100:

http://dojo.telerik.com/IhUgO

I can also suggest checking all of the requirements and limitations of the virtual scrolling feature:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#virtual-scrolling

I hope this is helpful.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
MVVM
Asked by
Austin
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Share this question
or