extjs 3.31 TreeGrid實(shí)現(xiàn)靜態(tài)頁(yè)面加載json到TreeGrid里面
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ù)到樹(shù)的原理,同理我們可以這樣加載json數(shù)據(jù)到 treeGrid,而不再為dataUrl: 'treegrid-data.json'這樣的加載方式而煩惱了,是不是很簡(jiǎn)單呢?
- Javascript獲取HTML靜態(tài)頁(yè)面參數(shù)傳遞值示例
- JS+JSP通過(guò)img標(biāo)簽調(diào)用實(shí)現(xiàn)靜態(tài)頁(yè)面訪問(wèn)次數(shù)統(tǒng)計(jì)的方法
- jsp實(shí)現(xiàn)將動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換成靜態(tài)頁(yè)面的方法
- js+php實(shí)現(xiàn)靜態(tài)頁(yè)面實(shí)時(shí)調(diào)用用戶登陸狀態(tài)的方法
- PHP采集靜態(tài)頁(yè)面并把頁(yè)面css,img,js保存的方法
- javascript靜態(tài)頁(yè)面?zhèn)髦档娜N方法分享
- javascript實(shí)現(xiàn)html頁(yè)面之間參數(shù)傳遞的四種方法實(shí)例分析
- JSP頁(yè)面中超鏈接傳遞中文參數(shù)出現(xiàn)亂碼問(wèn)題解決方法
- JavaScript函數(shù)的調(diào)用以及參數(shù)傳遞
- 四種參數(shù)傳遞的形式——URL,超鏈接,js,form表單
- jsp中URL傳遞中文參數(shù)的處理方法
- javascript自定義函數(shù)參數(shù)傳遞為字符串格式
- 關(guān)于javaScript注冊(cè)click事件傳遞參數(shù)的不成功問(wèn)題
- JS控制靜態(tài)頁(yè)面?zhèn)鬟f參數(shù)并獲取參數(shù)應(yīng)用
相關(guān)文章
Extjs EditorGridPanel中ComboBox列的顯示問(wèn)題
EditorGridPanel中嵌入ComboBox通常不會(huì)正常顯示ComboBox的store中本想顯示字段,而是顯示的EditorGridPanel中 store的dataindex指定的字段內(nèi)容。2011-07-07ExtJs設(shè)置GridPanel表格文本垂直居中示例
本文為大家詳細(xì)介紹下ExtJs如何設(shè)置GridPanel表格文本垂直居中,具體實(shí)現(xiàn)代碼及截圖如下,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07EXTJS FORM HIDDEN TEXTFIELD 賦值 使用value不好用的問(wèn)題
用了一個(gè)方法解決了此問(wèn)題,但是老是感覺(jué)這樣解決了很不爽,各位有沒(méi)有遇到過(guò)這種問(wèn)題,請(qǐng)指點(diǎn)一下。2011-04-04ext combox 下拉框不出現(xiàn)自動(dòng)提示,自動(dòng)選中的解決方法
ext combox 如果想實(shí)現(xiàn)類似于 baidu 搜索時(shí)的提示功能。必須禁止其分頁(yè)功能才可以。2010-02-02解決Extjs 4 Panel作為Window組件的子組件時(shí)出現(xiàn)雙重邊框問(wèn)題
Extjs的Panel和Window等組件在默認(rèn)情況下是帶邊框的,通常情況下,單獨(dú)使用沒(méi)有什么關(guān)系,但是將Panel作為Window組件的子組件時(shí)就會(huì)出現(xiàn)雙重邊框的現(xiàn)象于是想辦法將兩重邊框去掉,變成單邊框,感興趣的朋友可以了解下2013-01-01Extjs中DisplayField的日期或者數(shù)字格式化擴(kuò)展
在用Extjs的時(shí)候,有時(shí)需要對(duì) Ext.form.DisplyField 進(jìn)行格式化。2010-09-09ExtJS4如何自動(dòng)生成控制grid的列顯示、隱藏的checkbox
需要做一個(gè)控制grid列顯示的checkboxgroup,雖然EXTJS4中的gridpanel自帶列表可以來(lái)控制列的顯示隱藏,需要的朋友可以參考下2014-05-05Extjs的FileUploadField文件上傳出現(xiàn)了兩個(gè)上傳按鈕
Extjs的FileUploadField文件上傳在頁(yè)面中出現(xiàn)了兩個(gè)上傳按鈕,這個(gè)是和ext的本身css的樣式有關(guān)系,所以要將樣式修改下2014-04-04Extjs4.0 ComboBox如何實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)
Extjs4.0 ComboBox如何實(shí)現(xiàn)三級(jí)聯(lián)動(dòng),許多網(wǎng)友都很好奇這個(gè)問(wèn)題,明確的一點(diǎn)是在extjs4.0中要使用load來(lái)獲取數(shù)據(jù),到底如何實(shí)現(xiàn),下面小編為大家分享具體步驟2016-05-05Extjs3.0 checkboxGroup 動(dòng)態(tài)添加item實(shí)現(xiàn)思路
Extjs3.0中的CheckboxGroup默認(rèn)不能動(dòng)態(tài)添加item,如需要數(shù)據(jù)動(dòng)態(tài)創(chuàng)建,試著創(chuàng)建整個(gè)CheckboxGroup,而不是動(dòng)態(tài)添加item,具體實(shí)現(xiàn)如下,感興趣的朋友可以了解下2013-08-08