一个简单的Ext.XTemplate的实例代码


Posted in Javascript onMarch 18, 2012

把省份与城市以树的形式输出

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.XTemplate的实例代码

Javascript 相关文章推荐
javascript实现面向对象类的功能书写技巧
Mar 07 Javascript
jQuery之选择组件的深入解析
Jun 19 Javascript
js单例模式的两种方案
Oct 22 Javascript
jquery+html5烂漫爱心表白动画代码分享
Aug 24 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
Dec 07 Javascript
JS组件Form表单验证神器BootstrapValidator
Jan 26 Javascript
100行代码理解和分析vue2.0响应式架构
Mar 09 Javascript
基于vue循环列表时点击跳转页面的方法
Aug 31 Javascript
你不可不知的Vue.js列表渲染详解
Oct 01 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
Dec 16 Javascript
vue项目使用高德地图的定位及关键字搜索功能的实例代码(踩坑经验)
Mar 07 Javascript
vue中echarts的用法及与elementui-select的协同绑定操作
Nov 17 Vue.js
Javascript 面向对象编程(coolshell)
Mar 18 #Javascript
Javascript面向对象编程
Mar 18 #Javascript
javascript 常用功能总结
Mar 18 #Javascript
Jquery实现简单的动画效果代码
Mar 18 #Javascript
文本框获得焦点和失去焦点的判断代码
Mar 18 #Javascript
jQuery控制图片的hover效果(smartRollover.js)
Mar 18 #Javascript
基于jQuery的弹出框插件
Mar 18 #Javascript
You might like
PHP无限分类(树形类)的深入分析
2013/06/02 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
2010/10/15 Javascript
js 操作select和option常用代码整理
2012/12/13 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
2014/03/19 Javascript
jquery实现(textarea)placeholder自动换行
2016/12/22 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
2017/10/25 Javascript
JavaScript中的 new 命令
2019/05/22 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
2019/07/19 Javascript
vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作
2020/07/27 Javascript
Python常用小技巧总结
2015/06/01 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
Python利用matplotlib做图中图及次坐标轴的实例
2019/07/08 Python
详解python tkinter模块安装过程
2020/01/06 Python
django实现模型字段动态choice的操作
2020/04/01 Python
python属于跨平台语言码
2020/06/09 Python
PyTorch中clone()、detach()及相关扩展详解
2020/12/09 Python
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
员工自我鉴定范文
2013/10/06 职场文书
函授本科毕业自我鉴定
2013/10/09 职场文书
零件设计自荐信范文
2013/11/27 职场文书
五一手机促销方案
2014/03/08 职场文书
个人自我鉴定总结
2014/03/25 职场文书
《她是我的朋友》教学反思
2014/04/26 职场文书
优质服务口号
2014/06/11 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
个人作风建设剖析材料
2014/10/11 职场文书
个人作风建设自查报告
2014/10/22 职场文书
五一放假通知怎么写
2015/08/18 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
基于Python实现西西成语接龙小助手
2022/08/05 Golang