首頁 > web前端 > js教程 > extjs 3.31 TreeGrid實作靜態頁面載入json到TreeGrid裡面_extjs

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

WBOY
發布: 2016-05-16 17:38:28
原創
932 人瀏覽過

想要實現 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'這樣的載入方式而煩惱了,是不是很簡單呢?
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板