如何将构造的jstree分为2部分 [英] How do I split constructed jstree into 2 parts

问题描述

我正在使用jstree和jstree网格来构造我的树结构.我可以将构造的jstree分为两部分吗?

I am using jstree and jstree grid for contructing my tree structure. Can I split the constructed jstree into 2 parts?

推荐答案

您可以使用以下代码对其进行拆分. 查看演示:小提琴

You can split it with code as below. Check demo: 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
        }
    })

这篇关于如何将构造的jstree分为2部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！