定製jstree JSON數據解析成樹

Question

我有一個簡單的JSON數據，是這樣的：

[ 
    "env/child1/env/key1", 
    "env/child1/key1", 
    "env/child1/key2", 
    "env/child1/", 
    "env/child2/key1", 
    "env/child2/key2", 
    "env/child2/", 
    "env/" 
] 

我怎樣才能使jsTree理解這棵樹和繪製樹？

• ENV
  • child1
    • key1的
    • 鍵2

做我需要編寫自定義分析功能，還是有一個現成的方法。

Answer 1

tree = { 
    'core' : { 
     'data' : [ 
     ] 
    } 
} 

data = [ 
    "env/child1/env/key1", 
    "env/child1/key1", 
    "env/child1/key2", 
    "env/child1/", 
    "env/child2/key1", 
    "env/child2/key2", 
    "env/child2/", 
    "env/" 
]; 

minlen = -1; 
picked = ""; 
for(i =0; i<data.length; i++) { 
    if(data[i].length < minlen || minlen == -1) { 
     minlen = data[i].length; 
     picked = data[i]; 
    } 
} 

tree.core.data.push({ "id" : picked, "parent" : "#", "text" : picked }) 
xdata = data 
xdata.splice(xdata.indexOf(picked), 1) 

for(i =0; i<xdata.length; i++) { 
    name = xdata[i] 
    parent = "" 
    if(name.substr(name.length-1,1) == '/') { 
     xname = name.substr(0,name.length-1); 
     parent = xname.substr(0,xname.lastIndexOf("/")+1) 
    } else { 
     parent = name.substr(0,name.lastIndexOf("/")+1) 
    } 
    tree.core.data.push({ "id" : name, "parent" : parent, "text" : name }) 
} 
console.log(tree); 

我遵循替代的JSON格式。

結果：

{ 
    "core": { 
    "data": [ 
     { 
     "id": "env/", 
     "parent": "#", 
     "text": "env/" 
     }, 
     { 
     "id": "env/child1/env/key1", 
     "parent": "env/child1/env/", 
     "text": "env/child1/env/key1" 
     }, 
     { 
     "id": "env/child1/key1", 
     "parent": "env/child1/", 
     "text": "env/child1/key1" 
     }, 
     { 
     "id": "env/child1/key2", 
     "parent": "env/child1/", 
     "text": "env/child1/key2" 
     }, 
     { 
     "id": "env/child1/", 
     "parent": "env/", 
     "text": "env/child1/" 
     }, 
     { 
     "id": "env/child2/key1", 
     "parent": "env/child2/", 
     "text": "env/child2/key1" 
     }, 
     { 
     "id": "env/child2/key2", 
     "parent": "env/child2/", 
     "text": "env/child2/key2" 
     }, 
     { 
     "id": "env/child2/", 
     "parent": "env/", 
     "text": "env/child2/" 
     } 
    ] 
    } 
}