剑道树视图复选框 - 父节点检查 - 每个复选框上的更改事件

Question

我有一个带有父节点和子节点的 2 级 Kendo UI 树视图。 当我检查父节点时，会自动检查所有子节点（包括父节点）。

现在我想发送一个带有当前树选择状态的事件。 问题是当我尝试在 dataSource.change 方法中执行此操作时，因为它分别触发每个复选框选择（1 个父节点 + 3 个子节点 = 4 个更改事件）。代码是这样的：

treeView.data("kendoTreeView").dataSource.bind("change", function() {
    alert('event fired!');
});

我创建了一个工作示例here

是否有另一个事件可以附加到所有复选框更新后只触发一个事件？ 或者也许有一种方法可以将所有这些“更改”事件分组并只触发一个？

Answer 1

我已经结束了这个解决方案：

tree.data("kendoTreeView").dataSource.bind("change", function() {
        treeView = tree.data("kendoTreeView");
        checkedNodes = [];
    checkedNodeIds(treeView.dataSource.view(), checkedNodes);
    if (!timeoutSet) {
        setTimeout(fireCheckboxChangeOnce, 50);//fires only one event when parent checkbox checks all the children
        timeoutSet = true;
    }
});

只有第一个事件会创建对函数的延迟调用（使用 setTimeout()）。 其余所有“更改”事件仅修改 checkedNodes 参数。

fireCheckboxChangeOnce 函数还会清除 timeoutSet 标志。