CODEWITHSUNDEEP
javascriptjquerykendo-uikendo-grid
Strikers
Strikers

Reputation: 4776

Callback for scroll event in Kendo UI grid

I have 2 tables rendered with kendo grid, these are scrollable. I have code which needs to be executed whenever the scroll happens in any of the table.

I've tried 

jQuery("#grid").kendoGrid({
    dataSource : dataSource,
    columns : [{
        field : 'name',
        title : 'Name',
        width : '160px'
    }, {
        field : 'dataTypeId.name',
        title : 'Type',
        width : '70px'
    }],
    height : 270,
    scrollable : true,
    AfterScroll: function() {
        console.log("scrolled");
    },
    rowTemplate : kendo.template(jQuery("#custom-input-grid-rows").html()),
}).data("kendoGrid");

I tried to put some callbacks like onScroll, AfterScroll but they did not work for me.

How do I get a callback when scrolling happens in the kendo grid?

Upvotes: 0

Views: 6010

Answers (2)

Belfield
Belfield

Reputation: 1459

The above didn't work for me either, but led me along the correct lines. The k-virtual-scrollable-wrap class handles the the scrollable part of the grid (eg when you have frozen columns enabled), so try this code instead:

$('.k-virtual-scrollable-wrap').scroll(function () { 
    console.log("I am scrolling"); 
});

Upvotes: 1

Mave
Mave

Reputation: 31

Hi got the same question today, and fixed it this way:

Attach the jQuery event .scroll() right after your Kendo Grid was initialized like:

$('#GridName .k-grid-content').scroll(function () { 
    alert('I am scrolling ...'); 
});

Upvotes: 3

Related Questions