extjs 3.31 TreeGrid實作靜態頁面載入json到TreeGrid裡面_extjs

想要實現 TreeGrid的效果，開啟官方範例卻看不到效果，該怎麼辦呢？我是這樣實現的

複製程式碼 程式碼如下:

var root = new Exttree. .TreeNode({
text: '根節點',
expanded: true
});
tree.setRootNode(root);
var nodes = {};
nodes. children = mydata;/*TreeGrid的json資料[{……},{……}]*/
function appendChild(node, o) {
if (o.children != null && o.children. length > 0) {
for (var a = 0; a var n = new Ext.tree.TreeNode({
task:o.children[a ].task,
duration:o.children[a].duration,
user:o.children[a].user,
iconCls:o.children[a].iconCls
}) ;
node.appendChild(n);
appendChild(n, o.children[a]);
}
}
}
appendChild(root, nodes);

看源碼我們知道TreeGrid 繼承於TreePanel
所以root 是資料來源而不是store,
根據載入json資料到樹的原理，同理我們可以這樣載入json資料到treeGrid ,而不再為dataUrl: 'treegrid-data.json'這樣的載入方式而煩惱了，是不是很簡單呢？