Question

我是Telerik Kendo UI的新手，目前正致力于TreeView（http://demos.telerik.com/kendo-ui/treeview/index）

当我双击它或点击三角形图标时，它基本上会扩展/折叠。我的问题是：如何在一次单击时更改此行为以展开/折叠树节点？

提前致谢。

Answer 1

使用jQuery做到这一点。这是一个代码，假设kendoTreeView id是“treeview”：

$("#treeview").on('click', '.k-in', function () {
    var tree = $("#treeview").data('kendoTreeView');
    var item = $(this).closest('.k-item');
    if (item.attr('aria-expanded') === "true") {
        tree.collapse(item);
    }
    else {
        tree.expand(item);
    }
});

甚至更短：

$("#treeview").on("click", ".k-in", function (e) {
    var tree = $("#treeview").data('kendoTreeView');
    tree.toggle($(e.target).closest(".k-item"));
});

工作示例：http://dojo.telerik.com/ESofU

Telerik Kendo ui treeView - 单击即展开/折叠节点

1 个答案: