一个简单的Ext.XTemplate的实例代码
更新时间：2012年03月18日 14:38:23 作者：
把省份与城市以树的形式输出的Ext.XTemplate的实例代码，需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
把省份与城市以树的形式输出
Ext.lib.Ajax.request(
'POST',
'/Index/mainIndex',
{ success: function (data) {
data.responseText = "{pros:" + data.responseText + "}"; //获取后台回调的省份城市JSON格式数据
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 + "}"; //获取后台回调的省份城市JSON格式数据
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 Panel常用方法，需要的朋友可以参考下。2009-10-10
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
Extjs中TabPane在一些特殊用途时把其嵌在其他的网页中，很多新手朋友可能对此不是很熟悉，小编就在本文章中详细的介绍一下，感兴趣的你可不要错过了啊，希望本文对你有所帮助2013-01-01
ExtJS form布局使用说明，需要的朋友可以参考下。2009-10-10
ExtJS accordion布局使用说明，需要的朋友可以参考下。2009-10-10
Extjs Ext.MessageBox.confirm 确认对话框详解
显示一个确认对话框，用来代替JavaScript标准的confirm()方法，具有两个按钮“是”和“否”如果为其提供一个回调函数，则该函数将在单击按钮后被调用(包括右上角的推出按钮)，所单击按钮的id将被作为唯一的参数传递到回调函数中。2010-04-04
extJs 下拉框联动实现代码，需要的朋友可以参考下。2010-04-04
Extjs动态加载树的实现代码，需要的朋友可以参考下。2010-04-04
这篇文章主要介绍了Ext修改GridPanel数据和字体颜色、css属性等,需要的朋友可以参考下2014-06-06
Extjs Label的 fieldLabel和html属性值对齐的方法
这篇文章主要介绍了Extjs Label的 fieldLabel和html属性值不能对齐的解决方法,需要的朋友可以参考下2014-06-06
上个系列中，我们用到了Ext.fly来获得一个Element对象，其实Ext.fly是Ext.Element.fly的简写形式。类似的方法还有一个Ext.get，是Ext.Element.get的简写。这两个方法都可以用使用Dom元素或者Dom元素的id作为参数来获得一个Element对象。2009-10-10
最新评论