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