快捷導(dǎo)航

extjs 3.31 TreeGrid實(shí)現(xiàn)靜態(tài)頁(yè)面加載json到TreeGrid里面

更新時(shí)間：2013年04月02日 14:53:07 作者：

extjs 3.31 TreeGrid 我的小改動(dòng)，實(shí)現(xiàn)靜態(tài)頁(yè)面加載json到TreeGrid里面

想要實(shí)現(xiàn) TreeGrid的效果，打開官方例子卻看不到效果，怎么辦呢？我是這樣實(shí)現(xiàn)的

 
var root = new Ext.tree.TreeNode({ 
text: '根節(jié)點(diǎn)', 
expanded: true 
}); 
tree.setRootNode(root); 
var nodes = {}; 
nodes.children = mydata;/*TreeGrid的json數(shù)據(jù)[{……},{……}]*/ 
function appendChild(node, o) { 
if (o.children != null && o.children.length > 0) { 
for (var a = 0; a < o.children.length; 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 才是數(shù)據(jù)源而不是 store,
根據(jù)加載json數(shù)據(jù)到樹的原理，同理我們可以這樣加載json數(shù)據(jù)到 treeGrid,而不再為dataUrl: 'treegrid-data.json'這樣的加載方式而煩惱了，是不是很簡(jiǎn)單呢？

您可能感興趣的文章:

相關(guān)文章

Extjs Ext.MessageBox.confirm 確認(rèn)對(duì)話框詳解
顯示一個(gè)確認(rèn)對(duì)話框，用來(lái)代替JavaScript標(biāo)準(zhǔn)的confirm()方法，具有兩個(gè)按鈕“是”和“否”如果為其提供一個(gè)回調(diào)函數(shù)，則該函數(shù)將在單擊按鈕后被調(diào)用(包括右上角的推出按鈕)，所單擊按鈕的id將被作為唯一的參數(shù)傳遞到回調(diào)函數(shù)中。
2010-04-04
Extjs ajax同步請(qǐng)求時(shí)post方式參數(shù)發(fā)送方式
一般參數(shù)傳遞通過(guò)url后面跟后臺(tái)也能取到，不過(guò)看到send參數(shù)也可以發(fā)送參數(shù)，試驗(yàn)了一下服務(wù)器端接受不到發(fā)送的參數(shù)，在firebug里看到發(fā)送的請(qǐng)求post部分是一個(gè)串，不太象正常發(fā)送的參數(shù)。
2009-08-08
Exitjs獲取DataView中圖片文件名
Exitjs DataView中圖片文件名獲取實(shí)現(xiàn)代碼。
2009-11-11
extjs 學(xué)習(xí)筆記（三）最基本的grid
extjs的一個(gè)亮點(diǎn)就是提供了豐富的UI，使得沒有藝術(shù)細(xì)胞的程序員也能做出絢麗的界面。把所有的UI集中到一起，有好處也有壞處，好處是有了統(tǒng)一的風(fēng)格和接口，壞處是js文件過(guò)于龐大，使用extjs的最小集合也超過(guò)了500k，所以在有些項(xiàng)目中并不適用。
2009-10-10
extjs關(guān)于treePanel+chekBox全部選中以及清空選中問題探討
treePanel+chekBox全部選中以及清空選中，想必大家在學(xué)習(xí)使用過(guò)程中都見過(guò)這種效果吧，接下來(lái)為大家詳細(xì)介紹下實(shí)現(xiàn)過(guò)程及細(xì)節(jié)，感興趣的朋友可以參考下哈
2013-04-04
Extjs4 消息框去掉關(guān)閉按鈕(類似Ext.Msg.alert)
類似Ext.Msg.alert();但沒有關(guān)閉按鈕,由于Extjs4消息框中的關(guān)閉按鈕，沒有執(zhí)行回調(diào)函數(shù)，點(diǎn)擊關(guān)閉按鈕后，直接關(guān)閉窗口，接下來(lái)為大家詳細(xì)介紹下去掉關(guān)閉按鈕
2013-04-04
Extjs讓combobox寫起來(lái)簡(jiǎn)潔又漂亮
代碼看起來(lái)簡(jiǎn)潔又漂亮是如何做到的，這篇文章主要為大家詳細(xì)介紹了Extjs如何讓combobox寫起來(lái)更簡(jiǎn)單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
extjs 的權(quán)限問題要求控制的對(duì)象是菜單，按鈕，URL
這兩天在解決extjs 的權(quán)限問題。要求控制的對(duì)象是菜單，按鈕，URL
2010-03-03
Extjs改變樹節(jié)點(diǎn)的勾選狀態(tài)點(diǎn)擊按鈕將復(fù)選框去掉
需要一個(gè)功能點(diǎn)擊一個(gè)按鈕后將樹節(jié)點(diǎn)前的復(fù)選框去掉，變成沒有選擇的狀態(tài)，百度一下發(fā)現(xiàn)個(gè)不錯(cuò)的方法，需要的朋友可以參考下
2013-11-11
ExtJS4中的requires使用方法示例介紹
ExtJS4的requires是新增的機(jī)制，主要是實(shí)現(xiàn)異步加載機(jī)制，在下面的文章總將為大家介紹下ExtJS4中的requires使用方法，需要的朋友不要錯(cuò)過(guò)
2013-12-12