2

我有一个使用 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”关于如何改变它的任何想法？

4

2 回答 2

2

好的，我终于得到了这个工作，这是我的功能的最终版本，我希望这对某人有所帮助。

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 之后添加了一个新的孩子。

于 2012-10-10T14:16:06.117 回答
0 
The second part "load part of the branch and with another load of the same branch
load more" is exactly what i'm trying to do but i have not yet succeeded, is it
possible to have an example?

必须在服务器端处理此类任务。采取这种方式：jsTree 只显示传递给它的任何内容。因此，您首先决定要加载什么，并且您可以有一个按钮（重新加载整个树或仅重新加载一个分支）来加载更多或替换已加载的任何内容。不要忘记逻辑（几乎）与 jsTree 无关。

于 2012-10-03T22:57:04.803 回答