jsTree:如何从jstree所有节点?(jsTree : How to get all node

2019-06-23 21:48发布

如何获得目前在jsTree所有节点?

我建立jsTree使用XML

Root
     -----A
          -----A1
               -----A1.1
               -----A1.2
          -----A2
               -----`A2.1`
               -----A2.2

     -----B
          -----B1
          -----B2

     -----C
          -----C1
               -----C1.1
               -----C2.2

我想的所有节点(ID)的阵列存在于jsTree是如下

预期输出:[根,A,A1,A1.1,A1.2,A2,A2.1,A2.2,B,B1,B2,C,C1,C1.1,C2.2]

Answer 1:

从文档 :

.get_json ( node , li_attr , a_attr )

该函数返回转换回JSON树节点的数组。

大约从同样的功能更多信息此文档 :

这个函数遍历整个树,并导出为JSON。 请参阅做数据源部分看到的输出格式。

如果指定一个节点作为第一个参数,只在此节点及其子都包含在出口,否则整个树被导出。

只要搜索,你会发现! :)



Answer 2:

解决方案与例子:)

var xmlString = $("#tree").jstree("get_xml");   
    var xmlDOM = $.parseXML(xmlString);

    var IDList =[];
var items = $(xmlDOM).find('root item');
$.each (items, function(key, val){
    IDList.push($(val).attr('id'));
})

IDList.pop();

的xmlString =

<root>  
        <item id="A" parent_id="0" state="close">  
            <content><name>Charles Madigen</name></content>                
        </item>
        <item id="A1" parent_id="A" state="close">  
            <content><name>Charles Madigen</name></content>                
        </item>
          .
          .
</root>

输出:根,A,A1,A1.1,A1.2,A2,A2.1,A2.2,B,B1,B2,C,C1,C1.1,C2.2

:)



Answer 3:

您可以遍历每个节点元素,并把它在通过阵列ID:

var idList = [];
var jsonNodes = $('#tree').jstree(true).get_json('#', { flat: true });
$.each(jsonNodes, function (i, val) {
    idList.push($(val).attr('id'));
})


Answer 4:

var treeData = $('#MyTree').jstree(true).get_json('#', {flat:false})
// set flat:true to get all nodes in 1-level json
var jsonData = JSON.stringify(treeData );


文章来源: jsTree : How to get all nodes from jstree?