var xt=new Ext.XTemplate(
"<table border={0},width={1} >",
"<tr>",
"<td>{2}</td>",
"<td>{3}</td>",
"<td>{4}</td>",
"</tr>",
"</table>"
);
xt.append("xt",[1,300,'单元格1','单元格2','单元格3','单丝4']);
xt.compile();
<div id='xt'>Xtemplate</div>
var xt=new Ext.XTemplate(
"<table border={b},width={w} >",
"<tr>",
'<td>{v1:date("Y年m月d日H时i分s秒")}</td>',//注意这行(' " " ')日期格式
"<td>{v2:lowercase}</td>",
"<td>{v3:ellipsis(5)}</td>",
"</tr>",
"</table>"
);
xt.append("xt",{b:1,w:300,v1:new date(),v2:"CALL",v3:"阿萨阿达萨达萨达"});
xt.compile();
ext.util.Format类
1:ellipsis(value string,length number)
2:undef//检查一个值是否未定义,如果是返回空,否则返回原值
3:defaultvalue(value,defaultValue)//检查一个值是否为空,若是转化到缺省值。
4htmlEncode//转义字符(>,<,',",)之类的能输出,是以html代码显示
5.htmlDecode//和前者相反
6.trim//裁剪文本中多余的空格
7.substr(String value,Number start,number length)//返回一个从指定位置开始的指定长度的字符串
//var v5="1233344";
//Ext.util.Format.substr(v4,2,2)//显示的是33,位置2之后的开始
8.lowercase//将大写字母转换为小写
9.uppercase//将小写字母转换为大写
10.capitalize//将第一个字符转化为大写,其他字符为小写
11.date//将某个值解析为特定的时间值
//var date=new Date()//获取系统当前时间
Ext.util.Format.date(date,"Y-m-d H:i:S");
12.stripTags//剥去html标签
13.stripScript//剥去script标签
14.fileSize(根据字节大小选择单位)
15.
var v1="asdasddddddddddddddddddddddddddddddd"
ext.util.format.ellipsis(v1,10);//对指定字符串进行裁剪,只能显示前7个后者以“....”形式显示,。。。算3
相关推荐
把省份与城市以树的形式输出的Ext.XTemplate的实例代码,需要的朋友可以参考下
23、Ext.XTemplate类 ………………… 21 24、Ext.data.Connection类 ……………… 22 25、Ext.Ajax类 ………………………… 22 26、Ext.data.Record类 ………………… 23 27、Ext.data.DataProxy类 …………… 24 28...
8.1.4 超级模板:ext.xtemplate(包括ext.xtemplateparser和ext.xtemplatecompiler) / 393 8.1.5 模板的方法 / 396 8.2 组件的基础知识 / 396 8.2.1 概述 / 396 8.2.2 组件类的整体架构 / 397 8.2.3 布局类的...
本人觉得Ext.Template和Ext.XTemplate模板类非常类似.Net的母板页,或者非常类似于JSP技术中jstl标准标签和EL表达式功能;但是它是一个客户端的技术。 阅读目标:需要使用模板方式来开发web应用的人员。 前置条件:...
11. ExtJs2.0学习系列(11)--Ext.XTemplate 12. ExtJs2.0学习系列(12)--Ext.TreePanel之第一式 13. ExtJs2.0学习系列(13)--Ext.TreePanel之第二式 14. ExtJs2.0学习系列(14)--Ext.TreePanel之第三式(可增删改的树) 15...
第四章 Ext.XTemplate 模板 31 一、使用标签tpl和操作符for 33 二、在子模板的范围内访问父元素对象 34 三、数组元素索引和简单运算支持 34 四、自动渲染单根数组 35 五、条件逻辑判断 36 六、即时执行任意的代码 36...
23、Ext.XTemplate类 ………………… 21 24、Ext.data.Connection类 ……………… 22 25、Ext.Ajax类 ………………………… 22 26、Ext.data.Record类 ………………… 23 27、Ext.data.DataProxy类 …………… 24 28...
Ext深入浅出 数据传输 第10 章 数据存储与传输.....................................230 10.1 Ext.data简介............................................230 10.2 Ext.data.Connection....................230 ...
利用模板(xtemplate)表格合并行 简单实现表格分组,单元格行的合并。
1. Renamed Coolite.Ext.Web project to Ext.Net 2. Renamed Coolite.Examples project to Ext.Net.Examples 3. Renamed Coolite.Ext.UX project to Ext.Net.UX 4. Renamed Coolite.EmbeddedResourceBuilder ...
在安富莱STM32H750网络例程的基础上,参考网上其他资料,整理学习增加了LWIP 服务器端多客户连接的功能示例,供学习参考..
6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext...
6.5.2 Ext.XTemplate 第7章 设计表单类布局 7.1 Form表单简介 7.1.1 Form表单的基本配置 7.1.2 ExtJS对Form表单的封装 7.2 ExtJS的表单组件 7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext...
有关tree的一些小问题 A.10.1. 如何选中树中的某个节点 A.10.2. 刷新树的所有节点 A.10.3. 如果取得json中自定义的属性 A.11. 如何使用input type="image" A.12. Ext.Window中的closeAction A.13. 使用同步ajax B. ...
三、Ext.XTemplate 38 四、小结 39 第七章:格式化 40 一、用户需要优秀体验的内容 40 二、Ext.util.Format类 40 三、再谈XTemplete 44 四、如果连Format都不能满足XTemplete的需要呢? 45 五、小结 45 第八章:...
工程下安装XTemplate并使用它的方法实例说明: 1.安装xtpl 复制代码 代码如下: npm install xtpl xtemplate –save 2.在views目录添加test.xtpl文件,其内容为 this is {{title}}! 4.集成到Express中,只需要...
Back2Front 基于Express和XTemplate的模块化开发框架
发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器Adapters 13 核心Core 13 Javascript中的作用域(scope) 13 事前准备 13 定义 13 正式开始 14 window对象 14 理解作用域 15 变量的可见度 15 EXT程序规划...