一個(gè)簡(jiǎn)單的Ext.XTemplate的實(shí)例代碼
更新時(shí)間：2012年03月18日 14:38:23 作者：
把省份與城市以樹的形式輸出的Ext.XTemplate的實(shí)例代碼，需要的朋友可以參考下
把省份與城市以樹的形式輸出
Ext.lib.Ajax.request(
'POST',
'/Index/mainIndex',
{ success: function (data) {
data.responseText = "{pros:" + data.responseText + "}"; //獲取后臺(tái)回調(diào)的省份城市JSON格式數(shù)據(jù)
var response = Ext.util.JSON.decode(data.responseText);
var province = new Ext.XTemplate(
'<tpl for="pros">',//遍歷讀取pros
'<p>{id}--{text}</p>',
'<tpl for="children">',//遍歷讀取pros下的children
'<p style="margin-left:10px;">{id}--{text}</p>',
'</tpl>',
'</tpl>'
);
province.compile();
province.append("Div2", response);
}
}
);
復(fù)制代碼 代碼如下:
Ext.lib.Ajax.request(
'POST',
'/Index/mainIndex',
{ success: function (data) {
data.responseText = "{pros:" + data.responseText + "}"; //獲取后臺(tái)回調(diào)的省份城市JSON格式數(shù)據(jù)
var response = Ext.util.JSON.decode(data.responseText);
var province = new Ext.XTemplate(
'<tpl for="pros">',//遍歷讀取pros
'<p>{id}--{text}</p>',
'<tpl for="children">',//遍歷讀取pros下的children
'<p style="margin-left:10px;">{id}--{text}</p>',
'</tpl>',
'</tpl>'
);
province.compile();
province.append("Div2", response);
}
}
);
相關(guān)文章
extjs4 treepanel動(dòng)態(tài)改變行高度示例
本文為大家介紹下extjs4 treepanel如何動(dòng)態(tài)改變行高度，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
ExtJS 2.0實(shí)用簡(jiǎn)明教程 之獲得ExtJS
要使用ExtJS，那么首先要得到ExtJS庫文件，該框架是一個(gè)開源的，可以直接從官方網(wǎng)站下載2009-04-04
ExtJS時(shí)一套AJAX控件,本人認(rèn)為它是目前我見過最好最美的JS控件庫，所以非常有學(xué)習(xí)和使用價(jià)值，如果你還沒有接觸過ExtJS或者壓根對(duì)其不感興趣，那么沒有必要看下去了2009-09-09
如何用的hibernate的自動(dòng)注解，并且里面有一對(duì)多，多對(duì)一的關(guān)系，這是需要在不需要的字段上加上注解@JsonIgnore2013-12-12
面版表示頁面上的一塊相對(duì)獨(dú)立的區(qū)域，利用傳統(tǒng)的html+css要構(gòu)建靈活統(tǒng)一的區(qū)域并非易事。2010-01-01
Extjs中RowExpander控件的默認(rèn)展開問題示例探討
本文為大家探討下關(guān)于Extjs中RowExpander控件的默認(rèn)展開問題，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2014-01-01
這篇文章主要為大家詳細(xì)介紹了ExtJS 4.2 Grid組件的單元格合并,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
ExtJS下grid的一些屬性說明2009-12-12
Ext.util.Observable有一個(gè)重要的功能，可以為某個(gè)事件設(shè)置攔截器，統(tǒng)一管理方法的處罰。使用capture()和releaseCapture()來實(shí)現(xiàn)這個(gè)功能。2010-01-01
Extjs的FileUploadField文件上傳出現(xiàn)了兩個(gè)上傳按鈕
Extjs的FileUploadField文件上傳在頁面中出現(xiàn)了兩個(gè)上傳按鈕，這個(gè)是和ext的本身css的樣式有關(guān)系，所以要將樣式修改下2014-04-04