常用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 相关文章推荐
几行代码轻松搞定jquery实现flash8类似的连接效果
May 03 Javascript
JavaScript对象链式操作代码(jquery)
Jul 04 Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 Javascript
理解javascript中的严格模式
Feb 01 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
mpvue中配置vuex并持久化到本地Storage图文教程解析
Mar 15 Javascript
利用vscode调试编译后的js代码详解
May 14 Javascript
详解async/await 异步应用的常用场景
May 13 Javascript
微信小程序国际化探索实现(附源码地址)
May 20 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 Javascript
JS前端轻量fabric.js系列之画布初始化
Aug 05 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缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
php实现阳历阴历互转的方法
2015/10/28 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
javascript页面倒计时实例
2015/07/25 Javascript
jquery实现简单实用的弹出层效果代码
2015/10/15 Javascript
KnockoutJs快速入门教程
2016/05/16 Javascript
解决给dom元素绑定click等事件无效问题的方法
2017/02/17 Javascript
原生JS实现跑马灯效果
2017/02/20 Javascript
浅谈React 服务器端渲染的使用
2018/05/08 Javascript
详解如何使用webpack打包JS
2018/06/21 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
2018/08/10 Javascript
element-ui使用导航栏跳转路由的用法详解
2018/08/22 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
详解ESLint在Vue中的使用小结
2018/10/15 Javascript
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
Element Breadcrumb 面包屑的使用方法
2020/07/26 Javascript
js实现拖拽元素选择和删除
2020/08/25 Javascript
利用PHP实现递归删除链表元素的方法示例
2020/10/23 Javascript
python操作mysql数据库
2017/03/05 Python
Python 备份程序代码实现
2017/03/06 Python
Python学习之Anaconda的使用与配置方法
2018/01/04 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
Flask框架搭建虚拟环境的步骤分析
2019/12/21 Python
3种python调用其他脚本的方法
2020/01/06 Python
使用wxpy实现自动发送微信消息功能
2020/02/28 Python
Ruby如何创建一个线程
2013/03/10 面试题
见习期自我鉴定
2014/01/31 职场文书
创先争优公开承诺书
2014/08/30 职场文书
质量保证书怎么写
2015/02/27 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
如何让vue长列表快速加载
2021/03/29 Vue.js
Redis基本数据类型List常用操作命令
2022/06/01 Redis