[jsTree] Populating the tree using JSON

• Using Json

  $('#using_json').jstree({ 'core' : { 'data' : [ 'Simple root node', { 'text' : 'Root node 2', 'state' : { 'opened' : true, 'selected' : true }, 'children' : [ { 'text' : 'Child 1' }, 'Child 2' ] } ] } });

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

  $('#using_json').jstree({ 'core' : {     'data' : [         'Simple root node',         {             'text' : 'Root node 2',             'state' : {                 'opened' : true,                 'selected' : true             },             'children' : [                 { 'text' : 'Child 1' },                 'Child 2'             ]         }     ] } });

• Using the alternative JSON format

  $('#using_json').jstree({ 'core' : { 'data' : [ { "id" : "ajson1", "parent" : "#", "text" : "Simple root node" }, { "id" : "ajson2", "parent" : "#", "text" : "Root node 2" }, { "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" }, { "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" }, ] } });

  1 2 3 4 5 6 7 8 9

  $('#using_json').jstree({ 'core' : {     'data' : [         { "id" : "ajson1", "parent" : "#", "text" : "Simple root node" },         { "id" : "ajson2", "parent" : "#", "text" : "Root node 2" },         { "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" },         { "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" },     ] } });

Ref. Populating the tree using JSON