javascript - 如何使用新的JSON数据刷新jsTree？

我有一个文件上载元素，它在更改后会扫描文件名并执行某些操作以获取VALID treeJSON变量（我已经检查过，我的函数可以正常工作。）。现在，当函数第二次检测到更改时，显然treeJSON将要更新，我希望它更新树。我尝试了各种方法，例如，refresh（），destroy（）等。但是，我无法在同一页面上委托一棵新树，而没有在input.onchange上重新加载页面。

这是一个片段。我没有包括所有功能。有用。重要部分正在使用treeJSON

input.onchange = function (e) {
            \\ something
            }
            var treeJSON = someVar;


            $('#tree').jstree({ 'core' : {
        'check_callback' : true,
        'data' : treeJSON
    } });

任何帮助表示赞赏！谢谢

最佳答案

您只需告诉jstree一次，即可将根目录（core.data）加载到哪里。刷新时，树将根据此内容重新填充。

我会这样做：

var treeJSON = 'originaltree';

input.onchange = function (e) {
    // something
    treeJSON = $.parseJSON(newtree); // if newtree is json
    var tree = $('#tree').jstree(true);
    tree.refresh();
}

$('#tree').jstree({
    'core': {
        'check_callback': true,
        'data':  treeJSON
    }
});

或者，如果您想根据哪个节点更具体：

$('#tree').jstree({
    'core': {
        'check_callback': true,
        'data': function (node, cb) {
            if (node.id === '#') { //Load root, will fire on first load as well as on refresh
                cb.call(this, treeJSON);
            }
        }

    }
});