基于jstree使用JSON数据组装成树

// Expected format of the node (there are no required fields) 
{ 
 id     : "string" // will be autogenerated if omitted 
 text    : "string" // node text 
 icon    : "string" // string for custom 
 state    : { 
  opened  : boolean // is the node open 
  disabled : boolean // is the node disabled 
  selected : boolean // is the node selected 
 }, 
 children  : [] // array of strings or objects 
 li_attr   : {} // attributes for the generated LI node 
 a_attr   : {} // attributes for the generated A node 
} 

// Alternative format of the node (id & parent are required) 
{ 
 id     : "string" // required 
 parent   : "string" // required 
 text    : "string" // node text 
 icon    : "string" // string for custom 
 state    : { 
  opened  : boolean // is the node open 
  disabled : boolean // is the node disabled 
  selected : boolean // is the node selected 
 }, 
 li_attr   : {} // attributes for the generated LI node 
 a_attr   : {} // attributes for the generated A node 
} 

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

$('#using_json_2').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" }, 
  ] 
} }); 

$('#tree').jstree({ 
  'core' : { 
    'data' : function (obj, cb) { 
      cb.call(this, 
       ['Root 1', 'Root 2']); 
    } 
  }});