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
相关推荐
- **示例**: `new Ext.grid.RowExpander({ bodyTpl: new Ext.XTemplate('<div>{extraInfo}</div>') })`。 **19.4 分组 GridPanel** - **功能**: 按照特定字段对表格数据进行分组。 - **示例**: `grouping: true`。...
表单组件是EXT JS中用于收集用户输入的关键部分。它支持验证规则、布局管理和数据绑定,使表单设计变得简单而直观。 **十七、EXT中的继承** EXT JS采用了面向对象的编程模式,支持类的继承和重写。这允许开发者在...
- 通过`Ext.XTemplate.compile()`方法编译模板字符串,然后使用`apply`方法填充数据。 #### 六、格式化 - **用户需要优秀体验的内容** - 指的是在用户界面上呈现的数据应该易于阅读和理解。 - 例如日期、货币、...
通过 `Ext.get` 方法可以获取 DOM 节点,并对其进行操作。 - 支持获取多个 DOM 节点,方便进行批量操作。 - 可以使用事件监听器来响应用户的交互行为。 3. **使用 Widgets**: - **EXT** 提供了丰富的 Widgets,...
Ext通过Element的静态方法`select`或`query`可以方便地获取页面中的多个DOM节点,这比原生JavaScript的DOM选择器更加灵活和强大。 - **响应事件** Ext提供了一套事件处理机制,使开发者能够轻松地为DOM元素绑定...
- **Ext.apply()和Ext.applyIf()**: 这两个方法用于合并对象属性,是Extjs中常用的设计模式之一。 #### 消息框 消息框是与用户交互的重要手段之一。本章详细介绍了Extjs提供的多种消息框类型及其使用方法。 - **...
本资源集合是关于ExtJS中常用扩展插件的一些实例,有助于加深对ExtJS应用开发的理解和实践。 1. **FieldPanel**: FieldPanel 是 ExtJS 中的一个组件,它主要用于封装表单字段,提供了一种将表单元素(如文本框、...
- **表单组件**:表单是 Web 应用程序中不可或缺的一部分,EXT 提供了一系列表单组件,如文本框、下拉列表等,用于收集和验证用户输入。 #### 十三、EXT中的继承 - **继承** 是面向对象编程的一个重要特性,EXT ...
除了上述核心知识点,文档还提供了一系列补充资料,包括EXT2的新特性、组件模型、容器模型、布局、Grid、XTemplate、DataView等。这些资料有助于开发者全面了解EXT的发展历程和技术生态,为进阶学习打下坚实基础。