Question

我正在使用jquerytreeview插件。有没有办法添加一个回调函数，在我加载数据后调用它？

  $("#tree").treeview({
      url: "/loadtree",
      callback: my_function // this is what i wanted to do
  });

Answer 1

异步树视图中没有回调，但添加自己的回调应该足够容易。AJAX的东西就在这里：

https://github.com/jzaefferer/jquery-treeview/blob/master/jquery.treeview.async.js#L42

$.ajax($.extend(true, {
    url: settings.url,
    dataType: "json",
    data: {
        root: root
    },
    success: function(response) {
        child.empty();
        $.each(response, createNode, [child]);
        $(container).treeview({add: child});
    }
}, settings.ajax));

您可以通过添加＜code＞settings.dataLoaded＜/code＞并将上面的代码段更改为如下内容来添加回调：

$.ajax($.extend(true, {
    url: settings.url,
    dataType: "json",
    data: {
        root: root
    },
    success: function(response) {
        if(settings.dataLoaded) 
            settings.dataLoaded();
        child.empty();
        $.each(response, createNode, [child]);
        $(container).treeview({add: child});
    }
}, settings.ajax));

我刚刚在success下面添加了两行：。然后你可以这样设置树景：

$("#tree").treeview({
    url: "/loadtree",
    dataLoaded: my_function
});

我还没有尝试过，但它应该会起作用，如果没有，这将是一个很好的起点。

你可以访问源代码，没有充分的理由不使用它。而且，没有充分理由不自己添加回调支持，并向Jörn Zaeffer发送一个补丁，将此功能添加到主存储库中。

Answer 2

添加回调真的很有帮助-谢谢。

我发现您可能想要更改树视图异步源代码中的顺序。

    $.ajax($.extend(true, {
    url: settings.url,
    dataType: "json",
    data: {
        root: root
    },
    success: function(response) {
        child.empty();
        $.each(response, createNode, [child]);
        $(container).treeview({add: child});

            if(settings.dataLoaded) 
        settings.dataLoaded();

    }
}, settings.ajax));

通过这种方式，异步脚本可以完成对DOM的修改。现在请注意settings.dataLoaded位于sucess:function的末尾。

友情链接