Telerik Kendo ui treeView - 单击 expand/collapse 节点

Question

我是 Telerik 的新手 Kendo UI，目前正在研究 TreeView (http://demos.telerik.com/kendo-ui/treeview/index)

基本上 expands/collapses 当我双击它或当我点击三角形图标时。我的问题是：如何通过单击将此行为更改为 expand/collapse 树节点？

提前致谢。

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 - 单击 expand/collapse 节点

Telerik Kendo ui treeView - expand/collapse node on single click

kendo-ui

treeview