如何在完整的 jstree 重新加载事件上绑定回调函数？

Question

我有一个按钮，一旦单击就会重新加载（重新发送 AJAX 请求）jsTree。

这是我的示例配置代码：

treeContainer.bind("loaded.jstree", function () {
    alert("the tree is loaded");
}).jstree(config);

我遇到的问题是，当第二次、第三次单击“重新加载”按钮时，我没有显示警报（包装在回调函数中）。 我使用了错误的 jstree 状态事件吗？

总而言之，我希望每次单击“重新加载”按钮时都执行 jsTree 回调函数。

我目前正在使用jsTree 1.0-rc1（修订版191）。

Answer 1

在建造新树之前摧毁这棵树也是可行的。

treeContainer.jstree("destroy");
treeContainer.bind("loaded.jstree", function () {
    alert("the tree is loaded");
}).jstree(config);

Answer 2

将其添加到核心：

        reopen : function () {
            var _this = this;
            if(this.data.core.to_open.length) {
                $.each(this.data.core.to_open, function (i, val) {
                    _this.open_node(val, false, true); 
                });
            }
            this.__callback({});
            this.reopened();
        },

请注意，只有 this.reopened 被添加到现有的重新打开方法中。现在创建重新打开的方法：

        reopened : function () {
            this.__callback();
        },

现在将新的重新打开的方法绑定到您的树选择器，

}).bind("reopened.jstree", function (e,data) {
        alert("i am refreshed...");
    });

请小心，因为当树加载完成时也会调用此警报消息。
无论如何，它更好，因为您现在可以在树刷新时进行回调！

希望这对大家有帮助！

Answer 3

我知道这是一个老问题，但我在 jsTree 3.3.4 中遇到了同样的问题。有效的解决方案是：

treeContainer.bind("refresh.jstree", function (event, data) {
    alert("the tree has been refreshed");
    $(this).jstree("open_all");  //Example: open all nodes after refreshing
})    

Answer 4

来自 jstree 文档：

.loaded()

一个虚拟函数，其目的是
仅触发加载事件。这
事件之后触发一次
树的根节点已加载，但是
在initial_open中设置的任何节点之前
已打开。

因此，您可以从 ajax 调用的成功回调中调用此方法。类似这样的内容：

$.ajax({
  url: "yourscript-url",
  success: function(){
    $('selector-for-jstree-container').jstree('loaded');
  }
});

另请参阅同一 jstree 文档页面上的“与树交互”部分。