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

[Solved] Kendo virtual scroll with browser window scrollbar

1 Answer 212 Views

Grid

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

NAGARAJU asked on 28 Jan 2015, 10:36 AM

Hello Friends,

I want to implement kendo virtual scrolling with browser window scrollbar instead of grid scroll. Always I want to show only 10 records in my grid based on the mouse moving. If once mouse it reaches to bottom then i have to show next 10 records, in case it moving to top then i have to fetch previous 10 records. this way i have to implement.

Please give me your suggestions and share your thoughts to implement virtual scroll.

I have tried with following code, but still getting some issues.

$(window).scroll(function () {
if (($(window).scrollTop() == ($(document).height() - $(window).height())) == true) {
if (pageSize <= $("#listgrid").data("kendoGrid").dataSource.total()) {
pageNumber = pageNumber + 1;
pageSize = pageSize + 10;
$("#listgrid").data("kendoGrid").dataSource.query({ page: pageNumber, pageSize: pageSize });
}
}
});

[Solved] Kendo virtual scroll with browser window scrollbar

1 Answer, 1 is accepted