在智能渲染后，在dhtmlx网格中使用jQuery处理按钮上的单击事件

Question

我正在生成一个必须显示大数据集（+ 2K行）的DHTMLX网格。 在网格的最后一列中，有三个用html定义的按钮。

我正在使用jQuery处理此按钮上的“click”事件：

$("button.edit").on("click", function() {
some stuff ...
});

首先尝试以正常的方式放置这个jQuery代码：

$(document).ready(function() { ...}

这不起作用所以我把jQuery放在网格构造的“onXLE”事件中

mygrid.attachEvent("onXLE", function() {
    $("button.edit").on("click", function() {
    some stuff ...
    });
})

这很好但是因为它是一个很大的数据集，并且由于网络性能，我决定使用网格的smartrendering方法。

mygrid.enableSmartRendering(true);

我现在面临的问题是，第一个记录上的按钮就像魅力一样，但是当你向下滚动并且渲染了更多记录时，带有这些记录的按钮就不再起作用了。

有人对此有解决方案吗？

THX。

Answer 1

我的线索是你必须在'onDataReady'事件上附上你的功能。

根据Dhtmlx文档的用法： “当数据加载到网格但尚未渲染时触发”

mygrid.attachEvent("onDataReady",function(){
    // your code here
});

我认为这几乎是你所需要的。