一个简单的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 轻松支持函数重载 (Part 1 - 设计)
Aug 04 Javascript
火狐textarea输入法的bug的触发及解决
Jul 24 Javascript
js预加载图片方法汇总
Jun 15 Javascript
封装好的javascript前端分页插件pagination
Jan 04 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
基于JavaScript 性能优化技巧心得(分享)
Dec 11 Javascript
vue自动化表单实例分析
May 06 Javascript
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
Dec 04 Javascript
微信小程序中使用vant框架的具体步骤
Feb 18 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中json_decode()和json_encode()的使用方法
2012/06/04 PHP
ThinkPHP多语言支持与多模板支持概述
2014/08/22 PHP
PHP实现支持GET,POST,Multipart/form-data的HTTP请求类
2014/09/24 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
基于laravel Request的所有方法详解
2019/09/29 PHP
jquery利用event.which方法获取键盘输入值的代码
2011/10/09 Javascript
javascript检测页面是否缩放的小例子
2013/05/16 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
jQuery层级选择器用法分析
2015/02/10 Javascript
简单的jQuery入门指引
2015/07/28 Javascript
原生JS实现圆环拖拽效果
2017/04/07 Javascript
ES6中Array.includes()函数的用法
2017/09/20 Javascript
浅谈Vue组件及组件的注册方法
2018/08/24 Javascript
Vue入门之数量加减运算操作示例
2018/12/11 Javascript
微信小程序实现单选选项卡切换效果
2020/06/19 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
2019/06/10 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
vue 出现data-v-xxx的原因及解决
2020/08/04 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
2020/12/30 jQuery
Python多线程应用于自动化测试操作示例
2018/12/06 Python
会计电算化专业个人的自我评价
2013/11/24 职场文书
自主招生自荐信格式
2013/12/03 职场文书
优秀员工年终发言演讲稿
2014/01/01 职场文书
宿舍使用违章电器检讨书
2014/01/12 职场文书
优秀社区干部事迹材料
2014/02/03 职场文书
学校消防演习方案
2014/02/19 职场文书
函授毕业生自我鉴定范文
2014/03/25 职场文书
经典演讲稿开场白
2014/08/25 职场文书
党员领导干部民主生活会批评与自我批评发言
2014/09/28 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
2014年教研组工作总结
2014/11/26 职场文书
公安纪律作风整顿心得体会
2016/01/23 职场文书
500字作文之关于爸爸
2019/11/14 职场文书
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang