单击jstree节点，以该节点为根重建树

Question

我认为这个主题相当清楚。 :)

我是 jstree 新手，尝试解析文档，但我得到了 有点坚持这个。我有以下代码：

$("#tree").jstree({
   "json_data" : {
       "data" : [
           tree.company
       ]
   },
   "themes" : {
       "theme" : "smb",
       "dots" : false,
       "icons" : true
   },
   "plugins" : [ "themes", "json_data", "ui" ]
}).bind("select_node.jstree", function (event, data) {
   $('#tree').jstree.refresh(data.inst.get_selected());  // FIXME
});

树加载并显示得很好，但是当我单击节点时 我想成为 displayed 树的新根，我得到一个 标记为 FIXME 的行出现错误。我试过各种各样的东西 不高兴，非常感谢一些帮助。我做错了什么？

Answer 1

我很确定您在该行收到错误的原因是因为您在该行中的语法有点偏离：

$('#tree').jstree.refresh(data.inst.get_selected());

试试这个：

$('#tree').jstree("refresh", data.inst.get_selected());

Answer 2

如果需要刷新整棵树，那么可以引用并刷新树的容器。

.bind("select_node.jstree", function (event, data) {
    $.jstree._reference(data.inst.get_container()).refresh(); //(data.inst.get_selected());  // FIXME
}).bind("refresh.jstree", function (event, data) {
    alert("Refreshed!");
});

如果只需要在select_node中引用节点： 数据.rslt.obj[0];

或者另一种获取方法（与上面相同的节点）： $.jstree._reference(data.inst.get_container()).get_selected();

您可能还需要销毁和重建树： $.jstree._reference("#tree").destroy(); 我知道这可能看起来很浪费，但无论如何你都在替换根节点。