KendoUI Treeview基于值扩展节点

时间:2013-05-02 17:54:06

标签: javascript jquery kendo-ui kendo-treeview

我有一个kenodui树视图,如果它们具有以下值,我试图扩展顶级节点:“活动”或“已关闭”,其余节点可以保持关闭状态。我使用以下代码来创建我的树视图:

if (CI.Popup.treeview == null) {
        CI.Popup.treeview = $("#RelatedPropertyListing").kendoTreeView({
            template: "#= item.Name #",
            dataImageUrlField: "image",
            dataSource: CI.Popup.treeDS,
            dataTextField: ["Name", "Name"],
            encoded: true
        }).data("kendoTreeView");
    }

我的数据源定义为json kendo.data.HierarchicalDataSource。我已经尝试使用html而不是数据源生成树视图但是它非常慢,所以我必须使用这种方法。

我是如何只扩展那些值为“Active”或“Closed”???

的节点的想法

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

如果您可以稍微更改返回的数据,则可以为要扩展的每个节点将expanded设置为true,并且KendoUI会自动处理它。

示例:

var data = [
    {
        text    : "node 1",
        expanded: true,
        items   : [
            { text: "node 1.1" },
            {
                text    : "node 1.2",
                expanded: false,
                items   : [
                    { text: "node 1.2.1" },
                    { text: "node 1.2.2" },
                    { text: "node 1.2.3" }
                ]
            },
            { text: "node 1.3" }
        ]
    }
];

var treeview = $("#treeview-left").kendoTreeView({
    dataSource  : data,
    loadOnDemand: true
}).data("kendoTreeView");

here

中的JSFiddle