jstree - 在 Ajax 请求中重新加载 jsTree 数据返回

Question

我的 jsTree 包含在树加载时设置的 html 数据(请参阅下面的 javascript)。这工作正常。但是，我希望能够根据某些用户操作在 Ajax 请求中重新加载整个树。我基本上需要重新加载从 Ajax 请求返回的所有树数据。这可能吗？

我当前的代码如下:

function setJoinType(node, joinType) {
    $.ajax({
        type: "POST",
        url: "qbwizard.aspx/SetJoinType",
        contentType: "application/json; charset=utf-8",
        data: "{'alias': '" + node[0].id + "', 'joinType': '" + joinType + "'}",
        dataType: "json",
        success: RedrawJoinSummary,
        error: AjaxFailed
    });
    return true;
}
function RedrawJoinSummary(data) {
    //$("#tvJoinSummary").jstree('destroy'); 
    $("#tvJoinSummary").jstree("html", data.d);
    $("#tvJoinSummary").jstree("refresh", -1);
}

Answer 1

谢谢拉德克。

我实际上是通过将 jstree 初始化代码放入一个函数 (tvJoinWorkspaceTreeviewScriptInit) 然后在重置 html 后调用该函数来实现的。可能是节点都失去了它们的状态(打开/关闭)。我决定使用 Ajax 回调和 javascript 再次构建树，因为它最终更容易做到。

$("div#tvJoinWorkspace").html(data);
$("#tvJoinWorkspace").jstree("destroy");
tvJoinWorkspaceTreeviewScriptInit(null);