Telerik Product and Version
|
Kendo UI |
Supported Browsers and Platforms
|
all |
Components/Widgets used (JS frameworks, etc.)
|
Grid |
PROJECT DESCRIPTION
The example demonstrates how to load more records when scrolling the Grid rows. The difference between this scenario and virtual scrolling is that here the number of records constantly increases, while virtual scrolling replaces the existing records with new ones. Please note that increasing the page size will make data requests slower.
There are two things to be done:
1. Subscribe to the Grid's data container's scroll event and increment the page size by a desired value.
2. Use a flag to prevent multiple simultaneous page size increments. The flag should be set in the scroll event handler, and cleared in the Grid's dataBound event handler.
HTML
CSS
JS