Question

我查看了Treeview组件的文档，它似乎没有为我需要提供任何开箱即用的功能。

我有一棵树，例如：

根项目

父项目
- 子项目
- 子项目
- 子项目
父项目
- 子项目
父项目
- 子项目
- 子项目

＆＃34; Root项目＆＃34;总是出现在树上。我希望能够折叠除了＆＃34;父项＆＃34;之外的所有项目，或者更确切地说，只显示＆＃34;父项目＆＃34;按一下按钮。

查看生成的树视图的HTML似乎没有任何方法可以识别哪些项目位于＆＃34;父项目＆＃34;。

我目前有：

$("#collapse").click(function() {
    treeview.collapse(".k-item");
});

然而，这会破坏一切，包括＆＃34;父项＆＃34;。我如何具体说明哪些项目会崩溃？

Answer 1

您可以在dataSource中使用属性expanded设置初始展开的项目：

$("#treeview").kendoTreeView({
    dataSource: [
        { text:'root', expanded:true, items:[
            {text:'parent', expanded:false, items:
            [
                {text:'child'}
            ]}
        ]}
    ]
});

或者您可以首先以这种方式折叠所有节点：

treeview.collapse('.k-item:not(:first)');

如何仅使用Kendo UI Treeview显示父节点

1 个答案: