在Kendo UI网格中回滚滚动事件

时间:2014-07-16 06:22:52

标签: javascript jquery kendo-ui kendo-grid

我有两个用kendo网格渲染的表,这些表是可滚动的。我有代码,只要在任何表中发生滚动就需要执行。

我已经尝试了

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");

我尝试了一些回调,例如onScroll, AfterScroll,但它们对我不起作用。

在kendo网格中滚动时如何获得回调?

2 个答案:

答案 0 :(得分:3)

你今天得到了同样的问题,并以这种方式修复:

在您的Kendo Grid初始化之后立即附加jQuery事件.scroll(),如:

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

答案 1 :(得分:0)

上述对我来说也不起作用,但引导我走正确的路线。 k-virtual-scrollable-wrap类处理网格的可滚动部分(例如,当您启用了冻结列时),请尝试使用此代码:

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