Telerik Kendo ui treeView - 单击展开/折叠节点[关闭]

【问题标题】：Telerik Kendo ui treeView - expand/collapse node on single click [closed]Telerik Kendo ui treeView - 单击展开/折叠节点[关闭]
【发布时间】：2015-01-07 04:13:12
【问题描述】：

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

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

提前致谢。

【问题讨论】：

标签： kendo-ui treeview

【解决方案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

【讨论】：