asp.net-mvc - Jstree - 通过用户输入将节点添加到树(单击按钮)

Question

我有一个使用 JsTree 的 ASP.NET MVC 4.0 项目。 JsTree 正在通过返回 JSON 的模型进行填充。

现在我的问题是，我有一棵巨大的树，这使得用户体验非常糟糕。我需要的是加载一些项目(假设 20 个)，并有一个按钮，当用户单击该按钮时，会将接下来的 20 条记录添加到树中。

我一直在 Google JsTree 文档和 SO 中搜索，但没有找到适合我的示例。

有人可以帮助我吗？

提前致谢。

好的，休息一下。我有点成功了。在我看来，用户输入调用此函数:

函数 getNextRecords() {

var new_data = { "attr": { "ID": "999999999999", "NodeText": "999999999999" },
    "data": "999999999999",
    "children": [{
        "attr": { "ID": "ACT99", "NodeText": "969994222" },
        "data": "969994222 - PPP",
        "children": [{
            "attr": { "ID": "TRFps800", "rel": "disabled" },
            "data": "Voz com unlimited 800 fidelização até 01/11/2019",
            "state": "open"
        }],
        "state": "open"
    }], "state": "open"
};

var retDom = $.jstree._reference("#demoTree")._parse_json(new_data, -1, true);
$("#demoTree").jstree("move_node", retDom, -1, "inside", false, false, true);

}

这工作正常，期望解析 json 创建一个“ul”而不是“li”，有什么想法可以改变它吗？

Answer 1

好的，我终于开始工作了，这是我的函数的最终版本，我希望这对某人有帮助。

function getNextRecords() {

var new_data = { "attr": { "ID": "999999999999", "NodeText": "999999999999" },
    "data": "999999999999",
    "children": [{
        "attr": { "ID": "ACT99", "NodeText": "969994222" },
        "data": "969994222 - PPP",
        "children": [{
            "attr": { "ID": "TRFps800", "rel": "disabled" },
            "data": "Voz com unlimited 800 fidelização até 01/11/2019",
            "state": "open"
        }], "state": "open"
    }], "state": "open"
};

    var ref = $("li ul:first")
    var retDom = $.jstree._reference("#demoTree")._parse_json(new_data, ref, true);
      $("#demoTree").jstree("move_node", retDom, ref, "first", false, false, true);

}

这会在第一个 UL 之后添加一个新子项。