常用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 相关文章推荐
JavaScript事件列表解说
Dec 22 Javascript
可以文本显示的公告栏的js代码
Mar 11 Javascript
js+css实现增加表单可用性之提示文字
Jun 03 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
js表头排序实现方法
Jan 16 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
使用FileReader API创建Vue文件阅读器组件
Apr 03 Javascript
基于Node.js搭建hexo博客过程详解
Jun 25 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
JavaScript变量Dom对象的所有属性
Apr 30 Javascript
nuxt 实现在其它js文件中使用store的方式
Nov 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
ajax+php打造进度条代码[readyState各状态说明]
2010/04/12 PHP
thinkphp判断访客为手机端或PC端的方法
2014/11/24 PHP
JQuery AJAX实现目录浏览与编辑的代码
2008/10/21 Javascript
javascript 鼠标滚轮事件
2009/04/09 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
JS不间断向上滚动效果代码
2013/12/25 Javascript
Javascript高级技巧分享
2014/02/25 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
jquery图片切换实例分析
2015/04/15 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
JavaScript程序中的流程控制语句用法总结
2016/05/23 Javascript
js利用正则表达式检验输入内容是否为网址
2016/07/05 Javascript
浅析vue component 组件使用
2017/03/06 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
详解express与koa中间件模式对比
2017/08/07 Javascript
微信小程序实现下拉菜单切换效果
2020/03/30 Javascript
vue实现简单的星级评分组件源码
2018/11/16 Javascript
layui监听下拉选框选中值变化的方法(包含监听普通下拉选框)
2019/09/24 Javascript
python使用reportlab画图示例(含中文汉字)
2013/12/03 Python
python的Template使用指南
2014/09/11 Python
python3序列化与反序列化用法实例
2015/05/26 Python
python生成二维码的实例详解
2017/10/29 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
浅谈flask源码之请求过程
2018/07/26 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
python中adb有什么功能
2020/06/07 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
Urban Outfitters美国官网:美国生活方式品牌
2016/08/26 全球购物
电子信息专业自荐书
2014/02/04 职场文书
少先队学雷锋活动月总结
2014/03/09 职场文书
保护环境的标语
2014/06/09 职场文书
eclipse创建项目没有dynamic web的解决方法
2021/06/24 Java/Android
MySQL批量更新不同表中的数据
2022/05/11 MySQL
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers