jsTree：如何添加复杂节点

Question

如何在jstree实例（即具有未知级别的子级的节点）中添加分支 。

// example of a branch (with one level)
var branch = {
    "data":"Folder 1",
    "attr":{"rel":"Layer","elt":1},
    "state":"closed",
    "children":[
        {
            "data":"Item 4",
            "attr":{"rel":"File 1","elt":2},
            "state":"",
            "children":null
        }
    ]
};

并将此分支添加到jstree实例中：

// -1 means root
$.jstree._reference('#tree').create_node(-1, 'last', branch, false, false);

但是失败了！ 未创建子代。

Answer 1

我的解决方案是手动并递归创建所有节点：

function LoadElement(node, branch) {
    data = {
        data: branch.name,
        attr: branch.attr,
        state: branch.state
    };
    var node = $.jstree._reference('#tree').create_node(
        node, 'last', data, false, false
    );
    if (typeof branch.children === 'undefined') return false;
    for (var i=0; i<branch.children.length; i++) {
        LoadElement(node, branch.children[i]);
    }
}

// -1 means root
LoadElement(-1, branch);