2016-04-08 19 views
1

Ich möchte JS verwenden, um ein jstree anzuzeigen, das von dem unten angegebenen json beschrieben wird. Aber ich bin nicht sicher, wie man jstree verwendet, um dies zu tun?Wie kann ich das folgende JSON in ein JSON konvertieren, das von JSTree verwendet werden kann

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"] 

    } 

} 
+0

Haben Sie Ihr Problem gelöst? –

Antwort

1

Sie sind hier ein flaches Format, so dass Sie Eltern-IDs für alle Elemente mit Root-Element angeben müssen (n) mit # als Mutter . Siehe unten den korrekten JSON.

Überprüfen Sie auch Demo - 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" } 
] 
Verwandte Themen