一個(gè)簡(jiǎn)單的Ext.XTemplate的實(shí)例代碼
更新時(shí)間：2012年03月18日 14:38:23 作者：
把省份與城市以樹(shù)的形式輸出的Ext.XTemplate的實(shí)例代碼，需要的朋友可以參考下
把省份與城市以樹(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)文章
ExtJs 實(shí)現(xiàn)動(dòng)態(tài)加載grid完整示例
動(dòng)態(tài)加載grid在ExtJs中如何實(shí)現(xiàn)，貌似有很多的朋友都不知道吧，下面有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助2013-09-09
Ext修改GridPanel數(shù)據(jù)和字體顏色、css屬性等
這篇文章主要介紹了Ext修改GridPanel數(shù)據(jù)和字體顏色、css屬性等,需要的朋友可以參考下2014-06-06
Extjs 3.3切換tab隱藏相應(yīng)工具欄出現(xiàn)空白解決
在切換tabpanel的時(shí)候，把相應(yīng)的工具欄隱藏掉，結(jié)果出現(xiàn)空白，先熊板板的空白不過(guò)后來(lái)終于解決，接下來(lái)與大家分享下解決技巧，感興趣的朋友可以參考下哈2013-04-04
學(xué)習(xí)ExtJS TextField常用方法
ExtJS TextField常用方法2009-10-10
本文介紹在桌面程序開(kāi)發(fā)中很常用也很簡(jiǎn)單的工具欄和菜單，但是在通常的web開(kāi)發(fā)中，要實(shí)現(xiàn)好工具欄和菜單并非易事，然而extjs使我們能夠用類似桌面程序開(kāi)發(fā)的方法來(lái)開(kāi)發(fā)web的工具欄和菜單。2010-01-01
網(wǎng)上比較流行的一種tab切換效果代碼，主要是用于導(dǎo)航的一些欄目。2009-03-03
上一篇簡(jiǎn)單做了一個(gè)用ext寫(xiě)的登陸界面，今天來(lái)實(shí)現(xiàn)登陸效果，主要是回顧下ext中表單提交方法的使用。2010-08-08
這篇文章主要介紹了ExtJS中設(shè)置下拉列表框不可編輯的方法,需要的朋友可以參考下2014-05-05![ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼](http://img.jbzj.com/images/xgimg/bcimg8.png)
ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼
ExtJS中的desktop的demo中，默認(rèn)的圖標(biāo)排列是不換行的，以下代碼就是為了解決這一問(wèn)題的，需要的朋友可以了解下2013-11-11
本節(jié)主要介紹了extjs 如何給column 加上提示,需要的朋友可以參考下2014-07-07