如何将构造的jstree分成两部分

Question

我正在使用jstree和jstree网格来构建我的树结构。我可以将构造的jstree分成两部分吗？

Answer 1

您可以使用以下代码拆分它。 查看演示：Fiddle

$("#tree1")
    .on("select_node.jstree", function(e, data) {

        // destroy second tree and remove DOM elements
        if ($("#tree2").find('ul').length > 0) {
            $("#tree2").jstree('destroy').empty();
        }

        // get json format for branch to move selected node/branch from first tree
        var json = data.instance.get_json(data.node);

        // init second tree with new data
        $("#tree2").jstree({
            "core": {
                "data": json
            }
        });

        // remove selected node/branch from the first tree
        $("#tree1").jstree('delete_node', [data.node.id]);
        $("#" + data.node.id).remove();

    })
    .jstree({
        "core": {
            "data": data1
        }
    })