带有自定义json数据的JsTree

Cra*_*olf 7 javascript jquery json structure jstree

我在json中有这个结构我不能被请求修改.

{
        "Object": [
            {
                "url": "http://www.google.com"
            }            
        ],
        "id": 1,
        "name": "Redirection Rule",
        "Object": {
            "frequency": 1,
            "trigger": 1
        },
        "Object": {
            "http": "Redirect Url",
            "response": 301
        }
    }
Run Code Online (Sandbox Code Playgroud)

我需要使用这个结构来填充jstree.我只需要使用"id"字段和"name",如何设置jstree使用"name"而不是"text"作为节点名称?

vak*_*ata 8

或者:

1)使用jQuery dataFilter选项(这意味着dataFiltercore.datajsTree配置中定义一个函数),

要么

2)将core.data自己设置为一个函数,手动发出请求并将其转换为:

$('#your-tree').jstree({
    core : {
        data : function (node, cb) {
            $.ajax({ url : ... }).done(function (data) {
                cb([{ "id" : data.id, "text" : data.name }])
            });
        }, ...
Run Code Online (Sandbox Code Playgroud)

您可以在core.data此处找到有关设置功能的更多信息:https: //github.com/vakata/jstree#populating-the-tree-using-a-callback-function