`

Ext.XTemplate内的一些小方法收集

 
阅读更多

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

分享到:
评论

相关推荐

    Extjs中文教程2.x

    - **示例**: `new Ext.grid.RowExpander({ bodyTpl: new Ext.XTemplate('&lt;div&gt;{extraInfo}&lt;/div&gt;') })`。 **19.4 分组 GridPanel** - **功能**: 按照特定字段对表格数据进行分组。 - **示例**: `grouping: true`。...

    ext js中文开发手册

    表单组件是EXT JS中用于收集用户输入的关键部分。它支持验证规则、布局管理和数据绑定,使表单设计变得简单而直观。 **十七、EXT中的继承** EXT JS采用了面向对象的编程模式,支持类的继承和重写。这允许开发者在...

    Extjs中文教程

    - 通过`Ext.XTemplate.compile()`方法编译模板字符串,然后使用`apply`方法填充数据。 #### 六、格式化 - **用户需要优秀体验的内容** - 指的是在用户界面上呈现的数据应该易于阅读和理解。 - 例如日期、货币、...

    EXT开发文档

    通过 `Ext.get` 方法可以获取 DOM 节点,并对其进行操作。 - 支持获取多个 DOM 节点,方便进行批量操作。 - 可以使用事件监听器来响应用户的交互行为。 3. **使用 Widgets**: - **EXT** 提供了丰富的 Widgets,...

    EXT中文教程

    Ext通过Element的静态方法`select`或`query`可以方便地获取页面中的多个DOM节点,这比原生JavaScript的DOM选择器更加灵活和强大。 - **响应事件** Ext提供了一套事件处理机制,使开发者能够轻松地为DOM元素绑定...

    轻松搞定Extjs

    - **Ext.apply()和Ext.applyIf()**: 这两个方法用于合并对象属性,是Extjs中常用的设计模式之一。 #### 消息框 消息框是与用户交互的重要手段之一。本章详细介绍了Extjs提供的多种消息框类型及其使用方法。 - **...

    Ext常用扩展插件实例收集

    本资源集合是关于ExtJS中常用扩展插件的一些实例,有助于加深对ExtJS应用开发的理解和实践。 1. **FieldPanel**: FieldPanel 是 ExtJS 中的一个组件,它主要用于封装表单字段,提供了一种将表单元素(如文本框、...

    EXT 中文手册

    - **表单组件**:表单是 Web 应用程序中不可或缺的一部分,EXT 提供了一系列表单组件,如文本框、下拉列表等,用于收集和验证用户输入。 #### 十三、EXT中的继承 - **继承** 是面向对象编程的一个重要特性,EXT ...

    asp.net ext 中文手册

    除了上述核心知识点,文档还提供了一系列补充资料,包括EXT2的新特性、组件模型、容器模型、布局、Grid、XTemplate、DataView等。这些资料有助于开发者全面了解EXT的发展历程和技术生态,为进阶学习打下坚实基础。

Global site tag (gtag.js) - Google Analytics