如何在telerik kendo treeview中选择子节点上的父项节点

时间:2013-10-18 17:42:49

标签: telerik kendo-ui treeview

我想在树视图中选择子项目时获取父项,并且还希望找到所选节点是父节点或子节点。

如果有人知道如何实现它,请告诉我。

提前致谢,

Chinnayya

1 个答案:

答案 0 :(得分:6)

要获取所选节点,您需要使用select事件。根据文档,可以使用e.node访问select节点,其中eselect事件处理程序的参数。

要获取此节点的父节点,您应该使用parent

要获取节点的数据,您应该使用dataItem

所以总代码是:

var inlineDefault = new kendo.data.HierarchicalDataSource({
    data: [
        { text: "Furniture", items: [
            { text: "Tables & Chairs" },
            { text: "Sofas" },
            { text: "Occasional Furniture" }
        ] },
        { text: "Decor", items: [
            { text: "Bed Linen" },
            { text: "Curtains & Blinds" },
            { text: "Carpets" }
        ] }
    ]
});

var tree = $("#treeview-left").kendoTreeView({
    dataSource: inlineDefault,
    select : function (e) {
        console.log("node", tree.dataItem(e.node));
        console.log("parent", tree.dataItem(tree.parent(e.node)));
    }
}).data("kendoTreeView");

在此处检查JSFiddle:http://jsfiddle.net/OnaBai/s5Qd6/