遍历所有数据项（所有剑道 ui 树视图节点）答案

【问题标题】：iterate through all dataItems (all kendo ui treeview nodes)遍历所有数据项（所有剑道 ui 树视图节点）
【发布时间】：2020-09-26 17:57:39
【问题描述】：

我正在尝试简单地遍历剑道 UI 树视图中的所有节点。

当前GetNodes() 没有返回一个函数。我如何访问该列表？

我也试过.get_allNodes(); - 树是准确的，只是不要在哪里迭代当前节点。

let tv = $("#tree").data("kendoTreeView");

 let nodes = tv.GetNodes();
    console.log(nodes);
    for (var i = 0; i < nodes.length; i++) {
        if (nodes[i].get_nodes() != null) {
          console.log(nodes[i]);

            let item = tv.dataItem(nodes[i]);
            console.log(item);

            let hasChildren = item.hasChildren;    
            console.log(hasChildren);
  
            if (hasChildren = false){
              tv.remove(item);
            }
        }
    }

我的控制台树视图我看到了这个......

【问题讨论】：

你真正想做什么？删除没有孩子的节点？那么他们的父母不会有孩子，所以你也想删除他们，等等？

标签： jquery kendo-ui kendo-treeview

【解决方案1】：

我根本不懂剑道，所以我阅读了文档，希望对你有所帮助。

我通过文档重新创建了一个最小示例，它可以工作。我递归地读取数据源及其所有子项。

$(document).ready(function() {
    $("#treeView").kendoTreeView({
        dataSource: [
            {
                text: "Item 1",
                items: [
                    { text: "Item 1.1" },
                    { text: "Item 1.2" }
                ]
            },
            { text: "Item 2" }
        ]
    });
    
    
    var treeView = $("#treeView").data("kendoTreeView");
     
    function recursiveReading(nodes) {
      for (var i = 0; i < nodes.length; i++) {
        console.log(nodes[i].text);

        if (nodes[i].hasChildren)
          recursiveReading(nodes[i].children.view());

      }
    }

    recursiveReading(treeView.dataSource.view());
    
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://kendo.cdn.telerik.com/2020.3.915/styles/kendo.common.min.css" rel="stylesheet" />
<script src="https://kendo.cdn.telerik.com/2020.3.915/js/kendo.all.min.js"></script>


<ul id="treeView">

</ul>

【讨论】：