`

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

分享到:
评论

相关推荐

    一个简单的Ext.XTemplate的实例代码

    把省份与城市以树的形式输出的Ext.XTemplate的实例代码,需要的朋友可以参考下

    EXT核心API详解

    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 Js权威指南(.zip.001

    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_3.2模板的使用示例

    本人觉得Ext.Template和Ext.XTemplate模板类非常类似.Net的母板页,或者非常类似于JSP技术中jstl标准标签和EL表达式功能;但是它是一个客户端的技术。 阅读目标:需要使用模板方式来开发web应用的人员。 前置条件:...

    ExtJs入门实例

    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...

    ExtJs4_笔记.docx

    第四章 Ext.XTemplate 模板 31 一、使用标签tpl和操作符for 33 二、在子模板的范围内访问父元素对象 34 三、数组元素索引和简单运算支持 34 四、自动渲染单根数组 35 五、条件逻辑判断 36 六、即时执行任意的代码 36...

    ExtJS入门教程(超级详细)

    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深入浅出 数据传输

    Ext深入浅出 数据传输 第10 章 数据存储与传输.....................................230 10.1 Ext.data简介............................................230 10.2 Ext.data.Connection....................230 ...

    ext xtemplate 实例 利用模板 表格合并行 表格分组

    利用模板(xtemplate)表格合并行 简单实现表格分组,单元格行的合并。

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    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 ...

    LwIPv2.XTemplate(CMSISRTOS2)_Copy.7z

    在安富莱STM32H750网络例程的基础上,参考网上其他资料,整理学习增加了LWIP 服务器端多客户连接的功能示例,供学习参考..

    精通JS脚本之ExtJS框架.part1.rar

    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...

    精通JS脚本之ExtJS框架.part2.rar

    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...

    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. ...

    轻松搞定Extjs_原创

    三、Ext.XTemplate 38 四、小结 39 第七章:格式化 40 一、用户需要优秀体验的内容 40 二、Ext.util.Format类 40 三、再谈XTemplete 44 四、如果连Format都不能满足XTemplete的需要呢? 45 五、小结 45 第八章:...

    xtemplate node.js 的使用方法实例解析

    工程下安装XTemplate并使用它的方法实例说明: 1.安装xtpl 复制代码 代码如下: npm install xtpl xtemplate –save 2.在views目录添加test.xtpl文件,其内容为 this is {{title}}! 4.集成到Express中,只需要...

    Node.js-Back2Front基于Express和XTemplate的模块化开发框架

    Back2Front 基于Express和XTemplate的模块化开发框架

    Ext 学习中文手册

    发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器Adapters 13 核心Core 13 Javascript中的作用域(scope) 13 事前准备 13 定义 13 正式开始 14 window对象 14 理解作用域 15 变量的可见度 15 EXT程序规划...

Global site tag (gtag.js) - Google Analytics