在Ajax请求中重新加载jsTree数据

发布时间：2020-12-16 02:49:15 所属栏目：百科来源：网络整理

导读：我的jsTree包含树加载时设置的html数据(参见下面的 javascript).这工作正常.但是,我希望能够基于某些用户操作在Ajax请求中重新加载整个树.我基本上需要重新加载从Ajax请求返回的所有树数据.这可能吗？我目前的代码如下： function setJoinType(node,joinTyp

我的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);
}

解决方法

谢谢拉德克.

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!