如何將json變量作爲子節點添加使用「jstree」jquery插件 - no ajax

Question

我有一個使用json數據格式的jsTree。 加載根節點集很好。

我的問題是如何將子節點附加到被單擊的父節點。

任何幫助將不勝感激。

謝謝！

$("#tree-cat1") 
    .bind("open_node.jstree", function (event, data) { 
     console.log(data.rslt.obj.attr("id")); 
     //eval(loadChild()); 
     //at this point i need to append the result of loadChild() to the tree under the relevant node 
    }) 
    .jstree({ 
     "json_data": { 
      "data": eval(loadRoot()) 
     }, 
     "themes": {"theme": "classic","dots": true,"icons": true}, 
     "plugins": ["themes", "json_data", "ui"] 
    }) 

function loadRoot() { 
    return "[{'data':'A node','state':'closed','attr':{'id':'A'}}]"; 
} 
function loadChild() { 
    return "[{'data':'A1 node','attr':{'id':'A1'}}]"; 
} 

Answer 1

看到文檔的位置：jsTree docu

編輯

這裏是代碼，您需要更改網址到你的目的地，嘗試

HTML：

<div id="tree-cat1"></div> 

js：

$("#tree-cat1").jstree({ 
    "plugins": ["themes", "json_data", "ui"], 
    "themes": {"theme": "classic","dots": true,"icons": true}, 
    "json_data": { 
      //root elements 
     "data": [{"data":'A node',"state":'closed',"attr":{"id":'A'}}], 
     "ajax": { 
      "type": 'POST', 
      "data": {"action": 'getChildren'}, 
      "url": function (node) { 
       var nodeId = node.attr('id'); //id="A" 

       return 'yuorPathTo/GetChildrenScript/' + nodeId; 
      }, 
      "success": function (new_data) { 
       //where new_data = node children 
       //e.g.: [{'data':'A1 node','attr':{'id':'A1'}}, {'data':'A2 node','attr':{'id':'A2'}}] 
       return new_data; 
      } 
     } 
    } 
}); 

舊零件
類似的東西，將填充開節點有孩子，如果尚未：

... 
    "json_data": { 
      //root elements 
     "data": [{"data":'A node',"state":'closed',"attr":{"id":'group_A'}}], 
     "ajax": { 
      "type": 'POST', 
      "data": {"action": act.GET_GROUPREPORTS}, 
      "url": function (node) { 
       var nid = node.attr('id'); //id="group_A" 
       nid = nid.substr(nid.lastIndexOf('_')+1); 

       return module.getDBdata_path + nid; 
      }, 
      "success": function (data) { 
       var rid, new_data = data; 

       if (typeof data[0] === 'undefined') { 
        new_data = []; 
        for (rid in data) { 
         if(data.hasOwnProperty(rid)) { 
          new_data.push({"data": data[rid], 
           "attr": {"id": 'rprefix_'+rid, 
             "title": ' ', 
             "rel": 'report', 
             "href": module.repView_path+rid 
           } 
          }); 
         } 
        } 
       } 
       return new_data; 
      } 
     } 
    }, ...