一个简单的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 相关文章推荐
angularJS 中$attrs方法使用指南
Feb 09 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
Aug 17 Javascript
Bootstrap每天必学之表单
Nov 23 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
bootstrap中的 form表单属性role=&quot;form&quot;的作用详解
Jan 20 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
es6学习笔记之Async函数的使用示例
May 11 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
微信小程序中上传图片并进行压缩的实现代码
Aug 28 Javascript
vue设置导航栏、侧边栏为公共页面的例子
Nov 01 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
Dec 10 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 Javascript
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最简单的删除目录与文件实现方法
2014/11/28 PHP
PHP内置的Math函数效率测试
2014/12/01 PHP
yii中widget的用法
2014/12/03 PHP
初学JavaScript第二章
2008/09/30 Javascript
两种WEB下的模态对话框 (asp.net或js的分别实现)
2009/12/02 Javascript
javascript OFFICE控件测试代码
2009/12/08 Javascript
js加入收藏以及使用Jquery更改透明度
2014/01/26 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
2015/09/09 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
AngularJS表单提交实例详解
2017/02/18 Javascript
js中的面向对象入门
2017/03/06 Javascript
基于JS脚本语言的基础语法详解
2017/07/22 Javascript
Angularjs上传图片实例详解
2017/08/06 Javascript
nodejs使用express获取get和post传值及session验证的方法
2017/11/09 NodeJs
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
js实现鼠标拖曳效果
2020/12/30 Javascript
Python学习笔记_数据排序方法
2014/05/22 Python
python 字典item与iteritems的区别详解
2020/04/25 Python
python 基于selenium实现鼠标拖拽功能
2020/12/24 Python
一级方程式赛车官方网上商店:F1 Store(支持中文)
2018/01/12 全球购物
精伦电子Java笔试题
2013/01/16 面试题
经济学博士求职自荐信范文
2013/11/23 职场文书
家居设计专业个人自荐信范文
2013/11/26 职场文书
工地资料员岗位职责
2013/12/31 职场文书
30年同学聚会邀请函
2014/01/25 职场文书
降消项目实施方案
2014/03/30 职场文书
假面舞会策划方案
2014/05/29 职场文书
小学教师师德整改措施
2014/09/29 职场文书
2014学习十八届四中全会精神思想汇报范文
2014/10/23 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
Python趣味挑战之用pygame实现简单的金币旋转效果
2021/05/31 Python
教你使用vscode 搭建react-native开发环境
2021/07/07 Javascript
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL