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

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