`

[ExtJS3.2源码每天一小时]ExtJS中String类型的模板格式化

 
阅读更多
ExtJS对String类型扩展了格式化方法: 
Java代码  
//format 指定格式  
format : function(format){  
        //取出函数的参数,从1开始截取,就是去除掉format这个参数  
        var args = Ext.toArray(arguments, 1);  
        //替换掉格式串中的占位符 {0},{1}等 m代表匹配项 i代表匹配项的下标  
        return format.replace(/\{(\d+)\}/g, function(m, i){  
            return args[i];  
        });  
}  
//注意:这个方法是直接加到String类上的,而非String的prototype上。与Function的扩展是不同的。为什么要使用这样的方式呢?因为在使用function的扩展时,我们是在已有的function对象的基础上去创建其他的对象,例如回调函数、延迟函数等。但是String来说,他不需要现有对象,直接类似于一种静态方法,传入模板串,再传入对应的占位符参数就可以了。  


例子: 
Java代码  
var result = Stirng.format("hello {0},today is {1}","Tom","Monday");  
  
//那么result得到的值就是hello Tom,today is Monday。  



//如果说我们要根据现有的模板格式串来生成字符串,我们就要根据Ext对String的扩展,自己写一个方法了。例如: 

Java代码  
//扩展  
Ext.apply(String.prototype, {  
    format : function(){  
        var args = Ext.toArray(arguments);  
        return this.replace(/\{(\d+)\}/g, function(m, i){  
            return args[i];  
        });  
    }  
});  
//例子:  
var tpl = "hello {0},today is {1}";  
  
var result = tpl.format("Tom","Monday");  
  
//那么result得到的值就是hello Tom,today is Monday。  
//这种机制类似于Ext的Templete(模板),后面的博文会详细介绍Ext的Templete  

 

分享到:
评论

相关推荐

    ExtJS3.2正式版

    ExtJS3.2正式版 货真价实 ExtJS3.2正式版

    ExtJs3.2+中文API

    ExtJs3.2+中文API 便于开发查找API 很方便

    extjs3.2资源压缩包

    extjs3.2 js+jsp实现功能,美化页面展现效果,方便快捷,

    ExtJs 3.2 中文API帮助文档

    ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。功能丰富,无人能出其右。无论是界面之美,还是功能之强,ext的表格控件都高居榜首。 ExtJs 3.2 中文API帮助文档,CHM离线的,希望对...

    ExtJs3.2官方原版

    这是官方原生态的ExtJs3.2版本,由于官方都是英文,可能有很多人不会下载,在这边就直接给出了。

    extjs3.2 中文API 完整版

    网络上流传很多exjs 中文API,都神马东西,下载都没用。现在鄙人从脚本娃娃群分享的完整API上传分享给大家!

    ExtJS 3.2 聊天室程序(类Q_Q群)

    ExtJS 3.2 聊天室程序(类Q_Q群)

    ExtJS3.2的各种例子

    我收集了各种ExtJS的例子,有3.2还有2.5,还有所有“掏钱学ExtJS”的例子,绝对物超所值。

    Extjs3.2中文帮助手册

    Extjs 中文版 离线帮助手册,开发Extjs必备参考手册~~~

    ExtJS3.2中文API与示例

    Ext3.2中文API及代码示例,经典的API翻译,丰富的代码示例 就在这里等着你下!

    ExtJS3.2列布局

    Ext3.2的列布局,排列方式,适用于form表单中一行几列的排序方式

    extjs3.2api中文

    Ext3.2中文API, BLANK_IMAGE_URL : 图片路径:一张1×1的透明图片,Ext使用它来和CSS一起创建内嵌的图标。

    EXTJS3.2-3.3中文API和包

    EXTJS3.3中文API和包EXTJS3.3中文API和包EXTJS3.3中文API和包EXTJS3.3中文API和包

    ExtJS3.2资源包

    ExtJs3.2的资源包,需要的朋友可以下载

    extjs3.2中文API文档

    这是一个extjs3.2的中文API文档,可以用于学习。

    extjs-3.4和3.2版本和spket插件

    1.提供了extjs-3.2及extjs-3.4的离线包 2.提供了spket的eclipse插件包,plugins和features放入eclipse对应的目录中,启动eclipse即可 3.离线包中包含了ext.jsb2文件,可在eclipse的spket中进行相应的配置,方便开发...

    ExtJS 3.2的中文参考手册

    学习ExtJS 3.2的最好入门教程,pdf文件格式,无论是新手,还是想学习Ext的人,本文档都适合于你。

    Extjs3.2可视化编辑器

    ExtJS是一个很不错的Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得我们的b/s应用更加具有活力及生命力.ExtJS是一个用javascript编写,与后台技术无关的前端ajax框架.因此,可以把ExtJS用在.Net、Java、Php等...

    安装Extjs的插件spket,extjs3.2版.doc

    转-eclipse下安装Extjs的插件spket,extjs3.2版 转自:http://xiehx163.blog.163.com/blog/static/6146679620097281113653/ 最近项目要用ext进行开发,所以这段时间开始学习ext. 我这里用的是ext3.2,eclipse3.5。 每...

    ext 3.2源码

    方便ext js开发人员更深的理解其底层实现方式。

Global site tag (gtag.js) - Google Analytics