如何将以下JSON转换为JSTree可以使用的JSON

Question

我想用JS来显示json描述的jstree。但是，我不确定如何使用jstree来做到这一点？

JQUERY：

$("#jstree1").jstree({
    'core': {
        'data': {
            "url": ajaxUrl,
            "dataType": "json", // needed only if you do not supply JSON headers   
        }
    }
});

JSON：

{

    "parent": {

        "item": ["cs", "ls"]

    },

    "cs": {

        "item": ["cs_1"]

    },

    "ls": {

        "item": ["ls_1"]

    },

    "cs_1": {

        "item": ["cs_1_1"]

    },

    "cs_1_1": {

        "item": ["cs_1_1_1", "cs_1_1_2"]

    }

}

Answer 1

您在这里使用的是平面格式，因此您需要为具有#作为父级的根元素的所有元素指定父ID。请参阅下面的正确JSON。

同时查看演示 - Fiddle。

[
  { "id": "parent", "text": "parent", "parent": "#" },
  { "id": "cs", "text": "cs", "parent": "parent" },
  { "id": "ls", "text": "ls", "parent": "parent" },
  { "id": "cs_1", "text": "cs_1", "parent": "cs" },
  { "id": "cs_1_1", "text": "cs_1_1", "parent": "cs_1" },
  { "id": "cs_1_1_1", "text": "cs_1_1_1", "parent": "cs_1_1" },
  { "id": "cs_1_1_2", "text": "cs_1_1_2", "parent": "cs_1_1" }
]