jstree :如何从jsTree中获取所有节点？

Question

如何获取jsTree中的所有节点？

我正在使用xml构建jsTree。

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

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

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

我希望jsTree中所有节点(ID)的数组如下所示

预期输出: Root、A、A1、A1.1、A1.2、A2、A2.1、A2.2、B、B1、B2、C、C1、C1.1、C2.2

Answer 1

解决方案，示例:)

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 2

来自documentation：

.get_json ( node , li_attr , a_attr )

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

有关this doc相同功能的更多信息

这个函数遍历整个树并将其导出为JSON。请参阅数据源部分，以查看输出的格式。

如果指定一个节点作为第一个参数，则导出中只包含该节点及其子节点，否则将导出整个树。

只要搜索，你就会找到！:)

Answer 3

您可以遍历每个节点元素，并通过以下方法将它的id放在数组中：

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