常用Extjs工具:Extjs.util.Format使用方法

抄些常用工具方便查找
----------字符串
Ext.util.Format.capitalize(string str);//将首字母变大写
Ext.util.Format.ellipsis(string value, Number length);//截取指定length字符，将自动在尾处添加省略号'...'
Ext.util.Format.htmlEncode(string value); //将文本编码
lowercase(string value);//变小写
stripScripts(Mixed value);//删除所有的Script标签
stripTags(Mixed value);//删除所有标签
substr(value, start, length)
trim(value)

----------日期
Ext.util.Format.date(Mixd value, [String format]); 如：Ext.util.Format.date(new Date(), 'Y-m-d')=>2012-03-19
Ext.util.Format.dateRenderer(string format);//专门为Ext.grid.Gridpanel使用，ColumnModel中

---------宿舍判断
defaultValue(Mixed value, string defalutValue);//如果第一个参数为空，则返回第二个，反之。
undef(Mixed value;//如果value等于空，则回返空字符串，否则返回value

==========扩展Function
1、createCallback()会创建当前函数的回调函数，如：


代码如下:

var sayHi = function(name){
alert('Hi'+name);
}
new Ext.Button({
text: 'say hi',
handler: sayHi.createCallback('jinshan')
});

createCallback的作用是为原有的参数设置默认参数。在上例中，在使用createCallback时就已经将‘jinshan' 设置给对应的回调函数，单击按钮后将参数传递给sayHi().

2、createDelegate()会创建当前函数的代理函数。
如：


代码如下:

var sayHi = function(name){
alert(name - this.text); //this.text表示btn函数的text值Say Hi,
}
var btn = new Ext.Button({
text: 'Say Hi'
});
btn.on('click', sayHi.createDelegate(btn, ['jisnh']));

这个创建了代理， sayHi指向了btn。。如果btn改成其它对象，则sayHi将会自动转到其它对象去。

3、createInterceptor(fun, scope);为当前函数设置拦截器，类似 AOP 概念。如：


代码如下:

var sayHi = function(name){
alert(name);
}
sayHi('1');
var sayHito = sayHi.createInterceptor(function(name){
return name == '2';
});
sayHito(1) ;//没有提示
sayHito(2);//弹出2

拦截器会在原函数执行之前执行，并且只有在拦截器返回true时才会去执行原函数。

赞 (0)

相关推荐

  • js调试工具console.log()方法查看js代码的执行情况

    我之前在调试代码的时候,跟砸js代码执行情况,一般都是通过在代码块中使用alert的方式查看js代码的执行情况,今天也是看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录,具体的语法是: console.log("值为:",fn); console.log()能够输出变量,函数,数组,对象等等 <html> <head> <title>this关键字_函数调用</title>

  • js工具方法弹出蒙版

    复制代码 代码如下: //工具方法弹出蒙版 add by dning 2012-11-4var maskShow = (function () {    var mask = null;    var curr = null;    var free = false;    var func = {        onresize: null,        onscroll: null    };    return function (el, fre, Type) {        if (

  • PHP小技巧之JS和CSS优化工具Minify的使用方法

    一.实现合并和压缩多个JS和CSS文件的代码 HTML: 复制代码 代码如下: <link rel="stylesheet" type="text/css" href="cssmin.php?get=base,style1,style2,global&path=css/&v=20131023" /><script type="text/javascript" src="jsmin.p

  • 解决http://16a.us/2.js之arp欺骗的方法附专杀工具

    公司局域网访问所有页面都加上了<script src=http://16a.us/2.js></script>代码, 这次是客户端打开的所有网页,故可排除是服务器环境遭遇arp欺骗,综合网上各方意见,得出结论:本地网关或dns被劫持,修复本地连接后故障消除. 根本解决方法,绑定网关mac地址,方法为: 命令行输入arp -s 网关IP 网关MAC 关于网关MAC,可使用arp命令查询. 如果是dns被劫持,则更改dns服务器. 关于js加密解密的两篇文章,想研究上面病毒脚本的朋友可

  • Angular工具方法学习

    Angular工具方法学习

    angular为我们提供了很多的工具方法. angular.bind 更改this指向 var obj1 = { name : 'obj1', show : function(str){ return this.name + str; } }; var obj2 = { name : 'obj2' }; var a = angular.bind(obj2,obj1.show,' is a object'); var b = angular.bind(obj2,obj1.show,[' is a

  • 一款js和css代码压缩工具[附JAVA环境配置方法]

    一款js和css代码压缩工具[附JAVA环境配置方法]

    TBCompressor的安装很简单,点击install.cmd就可以了,安装后会在里的右键菜单里出现"Compress CSS or JS"选项,需要压缩文件时只需选取目标文件然后右键点选"Compress CSS or JS"即刻.压缩后的文件会自动重命名. 这里对jQuery1.3 Development版进行压缩测试,效果如下:可以看到效果还是非常不错的:) TBCompressor下载 需要注意的是使用TBCompressor必须要有JAVA环境的支持,需

  • node.js版本管理工具n无效的原理和解决方法

    简介 n 是 node 的一个模块,可以用它来管理 node 的各种版本.类似 Python 中的 pyenv 和 Ruby 的 rbenv.n 的作者是著名的TJ大神. 通过 npm 安装 n: $ npm install -g n 查看当前 node 版本: $ node -v v4.2.4 通过 n 安装指定版本: $ n 4.4.4 install : node-v4.4.4 mkdir : /opt/node/n/versions/node/4.4.4 fetch : https://

  • js实现带关闭按钮始终显示在网页最底部工具条的方法

    本文实例讲述了js实现带关闭按钮始终显示在网页最底部工具条的方法.分享给大家供大家参考.具体如下: 这是一款很实用的代码,给网页加入一个始终显示在浏览器窗口底部的工具栏,可以在上面放上公告,联系人等等信息,此代码的工具条还带有关闭按钮,可以随时关闭 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml

  • JavaScript1.6数组新特性介绍以及JQuery的几个工具方法

    JavaScript 1.6 引入了几个新的Array 方法,具体的介绍见:New in JavaScript 1.6 .这些方法已经被写进了ECMA262 V5.现代浏览器(IE9/Firefox/Safari/Chrome/Opera)都已经支持,但IE6/7/8不支持.jquery的工具方法中提供了类似的功能. 1.Array.forEach()和jquery的$().each().在数组中的每个项上运行一个函数.类似java5 增强的for循环. 复制代码 代码如下: var ary =

  • 将nodejs打包工具整合到鼠标右键的方法

    打包用到的批处理文件代码如下: 复制代码 代码如下: @echo offtitle Builder - 正在合并 ... color 03REM =====================================REM     jsbuilder beta版REMREM =====================================SETLOCAL ENABLEEXTENSIONS echo. REM 过滤文件后缀,只combo js文件if "%~x1" NEQ

随机推荐