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


Posted in Javascript onMarch 22, 2012

抄些常用工具方便查找
----------字符串
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时才会去执行原函数。
Javascript 相关文章推荐
tbody元素支持嵌套的注意方法
Mar 24 Javascript
jQuery Tips 为AJAX回调函数传递额外参数的方法
Dec 28 Javascript
JS 两日期相减,获得天数的小例子(兼容IE,FF)
Jul 01 Javascript
vue.js实现仿原生ios时间选择组件实例代码
Dec 21 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
Dec 30 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
详解webpack进阶之loader篇
Aug 23 Javascript
JS实现调用本地摄像头功能示例
May 18 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
vue实现百度搜索功能
Dec 28 Javascript
Extjs中ComboBox加载并赋初值的实现方法
Mar 22 #Javascript
利用json获取字符出现次数的代码
Mar 22 #Javascript
解决Extjs上传图片无法预览的解决方法
Mar 22 #Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 #Javascript
ejs v9 javascript模板系统
Mar 21 #Javascript
js判断一个元素是否为另一个元素的子元素的代码
Mar 21 #Javascript
HTML中的setCapture和releaseCapture使用介绍
Mar 21 #Javascript
You might like
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
php的常量和变量实例详解
2017/06/27 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
PHP 范围解析操作符(::)用法分析【访问静态成员和类常量】
2020/04/14 PHP
PHP利用curl发送HTTP请求的实例代码
2020/07/09 PHP
php中yii框架实例用法
2020/12/22 PHP
两个JavaScript jsFiddle JSBin在线调试器
2010/03/14 Javascript
js删除所有的cookie的代码
2010/11/25 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
JS字符串截取函数实例
2013/12/27 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
javascript先序遍历DOM树的方法
2016/02/27 Javascript
jquery弹出框插件jquery.ui.dialog用法分析
2016/08/20 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
2019/10/14 Javascript
Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)
2020/03/11 Javascript
Python对象的深拷贝和浅拷贝详解
2014/08/25 Python
python的pdb调试命令的命令整理及实例
2017/07/12 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
postman传递当前时间戳实例详解
2019/09/14 Python
pycharm 设置项目的根目录教程
2020/02/12 Python
使用Python将图片转正方形的两种方法实例代码详解
2020/04/29 Python
Python中用xlwt制作表格实例讲解
2020/11/05 Python
CSS3实现淘宝留白的方法
2020/06/05 HTML / CSS
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
湖南卫视在线视频媒体平台:芒果TV
2019/10/30 全球购物
J2EE面试题大全
2016/08/06 面试题
法学毕业生自我鉴定
2013/11/08 职场文书
教师产假请假条
2014/04/10 职场文书
违纪检讨书范文
2015/01/27 职场文书
行政答辩状范文
2015/05/21 职场文书
电影圆明园观后感
2015/06/03 职场文书