Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript KendoUI Treeview基于值展开节点_Javascript_Jquery_Kendo Ui_Kendo Treeview - Fatal编程技术网

Javascript KendoUI Treeview基于值展开节点

Javascript KendoUI Treeview基于值展开节点,javascript,jquery,kendo-ui,kendo-treeview,Javascript,Jquery,Kendo Ui,Kendo Treeview,我有一个kenodui树视图,我正在尝试扩展顶级节点,如果它们具有以下值:“活动”或“关闭”,则其余节点可以保持关闭。我正在使用以下代码创建我的treeview: if (CI.Popup.treeview == null) { CI.Popup.treeview = $("#RelatedPropertyListing").kendoTreeView({ template: "#= item.Name #", dataImageU

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

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.HierarchycalDataSource
。我曾尝试使用html而不是数据源生成treeview,但速度太慢,所以我不得不使用这种方法

你知道如何只扩展那些值为“活动”或“关闭”的节点吗


提前感谢您的帮助。

如果您可以稍微更改返回的数据,您可以为每个要扩展的节点将
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");
插手