常用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时才会去执行原函数。

本页内容版权归属为原作者,如有侵犯您的权益,请通知我们删除。

下拉框select的绑定示例 - 2015-05-01 14:05:29

根据文本绑定text var locationCity = productViewObj.Product.LocationCity; var countCity = $("#slCity option").length; for (var i = 0; i countCity; i++) { if ($("#slCity").get(0).options[i].text == locationCity) { $("#slCity").get(0).options[i].selected = true; b

Jquery异步请求数据实例代码 - 2015-05-01 14:05:29

一、Jquery向aspx页面请求数据 前台页面JS代码: 复制代码 代码如下: $("#Button1").bind("click", function () { $.ajax({ type: "post", url: "default.aspx", data: "name=" + $("#Text1").val(), success: function (result) { alert(result.msg); } }); }); 复制代码 代码如下: input id="Text1" type="te
我加了css的限制: 复制代码 代码如下: div img {}{ max-width:600px; width:600px; width:expression(document.body.clientWidth600?"600px":"auto"); overflow:hidden; } ◎ max-width:600px; 在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。 ◎ width:600px; 在所有浏览器中图片的大小为600px; ◎ 当图片大小大于600px,自动缩
最近项目网页需要实时显示服务器时间,如果每秒通过ajax加载服务器时间的话,就会产生大量的请求。 于是设计了“javscript自运行时钟” 和 "ajax加载服务器时间" 相结合的形式来显示服务器时间。“javscript自运行时钟” 以某初始时间为起点自动运行,"ajax加载服务器时间" 每60s将服务器的时间给“javscript自运行时钟” 更新。 javscript自运行时钟: 复制代码 代码如下: /*! * File: sc_clock.js * Version: 1.0.0 * Author
弄了个很简单的例子判断IE浏览器版本是否过低 例子结构如下,其实一个页面加引入jquery就可以了,顺便弄了个标准结构(注意在IE6和IE7版本较低情况下下才看到它的提示效果) 复制代码 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/x

jQuery filter函数使用方法 - 2015-05-01 14:05:07

利用filter函数可以从wrapper set中过滤符合条件的DOM元素。 如果我们有一个内容如下的html文件,要获取类为external的a元素,使用filter可以很easy地搞定。 复制代码 代码如下: a href=#>a href=#>a href=#>a href=#>a href=#>a href=#>a href=#>a href=#>a href=#>a href=#> filter的参数类型可分为两种: 1 传递选择器 2 传递过滤函数 如果使用选择器作为参数,用法如下 复制代码 代
JavaScript中的所有事物都是对象:字符串、数组、数值、函数等。JS中并没有类的概念, 但我们可以利用JS的语法特征,以类的思想来创建对象。 原始方法 复制代码 代码如下: script type="text/javascript" var obj = new Object(); obj.name = "Koji"; //为对象添加属性 obj.age = 21; obj.showName = function(){ //为对象添加方法 alert(this.name); } obj.showAge
几个月前在一个项目中涉及到树形栏,然后看了很多插件,觉得有点麻烦,于是自己写了一个,写着写着就出问题了。 当时项目是通过树形栏进行权限控制的,管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作,可是用$(".XX").click();方法是不行的。 1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live()方法,来实现该功能 $(‘#div').live(‘click',function(){//do stuff}); 但是live方法也有不支持的事件,例如:toggle事件 ,遇到这个
今天又回顾了一下这个插件,然后发现它在IE6下面工作的时候,显示起来是不正常的,tip经常出现在很离谱的位置。问题还有,由于tip的显示效果没有用到任何图像,都是纯的CSS,所以里面用CSS实现的三角形在IE6下是无法工作的,会显示一块有色区域,很丑,所以我就想动手改它一下。先上一张对比图好了: js方面的代码肯定是没问题的,问题出CSS上,Colortip用的是position进行定位,在IE6下面可能存在着一点问题。而且由于IE6不支持border-color:transparent的属性,所以tip下
原文作者: Andy Croxall 原文链接: Ten Oddities And Secrets About JavaScript 翻译编辑: 张鑫旭 数据类型和定义 1. Null是个对象 JavaScript众多类型中有个Null类型,它有个唯一的值null, 即它的字面量,定义为完全没有任何意义的值。其表现得像个对象,如下检测代码: 复制代码 代码如下: alert(typeof null); //弹出 'object' 如下截图: 尽管typeof值显示是"object",但null并不认为是一