Kendo UI 网格中滚动事件的回调答案

【问题标题】：Callback for scroll event in Kendo UI gridKendo UI 网格中滚动事件的回调
【发布时间】：2014-07-16 06:22:51
【问题描述】：

我有 2 个用剑道网格渲染的表格，它们是可滚动的。每当在任何表中发生滚动时，我都有需要执行的代码。

我试过了

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，但它们对我不起作用。

在剑道网格中发生滚动时如何获得回调？

【问题讨论】：

这些事件在剑道网格中不存在，因此您不能像那样简单地将其附加到网格定义中。另外，“on”和“after”滚动有很大的区别，请说明你想要哪个。

标签： javascript jquery kendo-ui kendo-grid

【解决方案1】：

您好，今天遇到了同样的问题，并以这种方式解决：

在您的 Kendo Grid 初始化后立即附加 jQuery 事件 .scroll()，如下所示：

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

【讨论】：

【解决方案2】：

以上内容对我也不起作用，但引导我沿着正确的路线前进。 k-virtual-scrollable-wrap 类处理网格的可滚动部分（例如，当您启用了冻结列时），因此请尝试以下代码：

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

【讨论】：

$('#grid .k-virtual-scrollable-wrap').scroll(function () { console.log("我正在滚动"); }); // 你错过了网格名称 b4 .k-virtual