You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.
Become a sharper developer and jumpstart your career.
$0
$
. 00
monthly
For Basic members:
$10
For Premium members:
From this article you will learn how to append records in kendo grid while scrolling using JQuery.
I will use the following REST service to explain how to append the records in the kendo grid while scrolling event occurs using REST service end point: api/productsapi.
Please refer my previous article Export grid data to excel in advance Kendo UI using MVC WEB API and Entity Framework to get an idea about how to create an ASP. NET WEB API Service.
The api/productsapi service response in POSTMAN as in the following figure 1,
Using a Kendo Grid without Appending Records.
Create an HTML page in your project and write the following code,
Result in browser
The above grid is showing 5 records in each page, but in some scenarios we need the records to be append in the grid while scrolling. To achieve this we need to modify the code as shown below,
- Initially it will show 5 records then while scrolling it will show rest of the records.
Initial Request URL: http://localhost:51920/api/Productsapi?take=5&skip=0&page=1&pageSize=5 , which means the grid will take 5 records with PageSize 5.
After scrolling the Request URL: http://localhost:51920/api/Productsapi?take=10&skip=0&page=1&pageSize=10 , which means the grid will take 10 records with PageSize 10, so the page size is incremented from 5 to 10 as mentioned in the paging logic function,
Pro WPF: Windows Presentation Foundation in .NET 3.0