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

Question

我正在生成一个DHTMLX网格，该网格必须显示一个大数据集（+ 2K行）。 在网格的最后一列中，有三个用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 ...
    });
})

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

mygrid.enableSmartRendering(true);

我现在面临的问题是，第一个记录上的按钮就像一个超级按钮一样工作，但是当您向下滚动并显示更多记录时，带有这些记录的按钮不再起作用。

有人对此有解决方案吗？

谢谢。

Answer 1

我的提示是，您必须在事件“ onDataReady”上附加您的函数。

根据Dhtmlx Docs的用法：“将数据加载到网格但尚未呈现时触发”

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

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