jquery - 剑道 TreeView : how to expand tree up to the first level?

Question

In this jsfiddle我有一个使用

完全展开的 Kendo TreeView

treeView.expand(".k-item");

但是我正在寻找的是将树仅扩展到第一级(不更改数据源)。这可能吗？

HTML:

<div id="treeview"></div>

Javascript:

   var treeView = $("#treeview").kendoTreeView({
         dataSource: ds,
         dataTextField: ["Name"],     
    }).data("kendoTreeView");


    treeView.expand(".k-item");


    var ds = [
       {
        "Name": "Child 3",
        "items": [
            {
                "Name": "Leaf 1"

            },
            {
                "Name": "Leaf 2"

            },
            {
                "Name": "Leaf 3"

            },
            {
                "Name": "Leaf 4"

            },
            {
                "Name": "Leaf 5"

            },
                    {
                        "Name": "Child 4",
                        "items": [
                            {
                                "Name": "Leaf 8"

                            },
                            {
                                "Name": "Leaf 9"

                            },
                            {
                                "Name": "Leaf 10"

                            }
                        ]
                    }
             ]
        }

   ];

Answer 1

这有点奇怪，但您可以使用“子”CSS 选择器来仅选择 1 级深度的节点:

treeView.expand("> .k-group > .k-item");