ext 对js原生类型进行扩张,并为这些原生类型添加了附加功能,并没有修改类型中的缘由功能,
扩张Date
getFirstDateInMonth() //当前月份第一天的日期
getLastDateofMonth() //当前月份最后一天的日期
isLeapYear() //是否闰年
getDayOfYear() //当前日期是这一年的第几天
getDaysInMonth() //获取当前日期是这一个月的第几天
getWeekOfYear() //获取当前日期是这一年的第几周
add(String interval,Number value)
如: var dt=new Date('10/29/2009'.add(Date.DAY,5));
Date.HOUR,Date.MILLI,Date.MINUTE,Date.MONTH,Date.SECOND,Date.YEAR
between(Date start,Date end) //判断日期变量在制定范围之内
getElapsed([Date date]) //获取日期变量与制定日期之间相差的毫秒数
parse('2008-07-24','Y-m-d'); //格式时间
扩展String
escape(String string) //对字符串中的"'"和"\"进行转移处理
format(String string , String value1, String value2) //第一个参数传递一个包含替换标识的字符串,后面的参数会根据替换标识放到指定的位置上
var cls='my-class',text='Some text';
var s=String.format('<div class="{0}">{1}</div>',cls,text);
leftPad(String string,Number size,[String char]); //保证string的长度不能小于size的值,。如果不够,就在左侧使用第三个参数char指定的字符补齐,
如:
var s=String.leftPad('123',5,'0');
值为s='00123'
toggle(String value,String other) //如果当前字符串与第一个参数相同,就返回第二个参数,否则返回第一个参数
sort=sort.toggle('asc','DESC');
sort=(sort=='ASC'?'DESC':'ASC');
以上两条语句效果相同,当sort与'ASC'相同时就返回'DESC',否则返回'ASC'
trim() //清空字符串两边空白
var s=' fooba ';
alert('-' + s + '-';
alert('-" + s.trim() + '-');
扩展Number
constraint(Number min,Number max)
判断某个数字变量是否在我们设置的范围内。如果咱我们设置的范围内,就返回原值,否则返回靠近的边界
var num=50;
alert(num.constrain(0,100)); 50
alert(num.constrain(60,100)); 60
alert(num.constrain(0,40)); 40
扩展Function
createCallBack()//创建当前函数的回调函数
var sayHi=function(name){
alert('hi' +name);
}
new Ext.Button({
text:'say hi',
renderTo:Ext.getBody();
handle:sayHI.createCallBack('qinya')
});
createCallBack()的作用就是原有的参数设置默认参数, 上面再使用createCallBack()时就已经将‘Fred’设置给对应的回调函数,单击按钮后就会将参数传递给sayHi()
createDeletegate([Object obj],[Array args],[Boolean/Number appendArgs]}//创建当前函数的代理函数
var sayHi=function(name){
alert('hi' +name+'. you clicked+ the"'+this.text+'"button.');
}
var btn=new Ext.Button({
text:'Say hi',
renderTo:Ext.getBody()
});
btn.on('click',sayHi.createDeletegate(btn,['qinya']));
createDeletegate()主要改写this引用,上面第一个参数为btn,sayHi()函数中this.text会引用btn.text,获得其值'Say hi',如果我该btn为其他对象,sayHi()的this会自动指定对象的text属性
crateInterceptor(Function fcn,[Object scope])//为当前函数设置拦截器
var sayHi=function(name){
alert('hi' +name);
}
sayHi('qinya');
var sayHiToFriend=sayHi.createInterceptor(function(name){
return name=='Brain';
});
sayHiToFriend('qinya'); //没有提示
sayHiToFriend('Brain'); //提示"hi,Brain"
为sayHi()函数设置拦截器,只有拦截器返回为"true",才会执行sayHi()函数只有在'Brain'的情况下
createSequence(Function fcn,[Object scopt]),此函数会使参数fcn,和当前函数按顺序依次执行,
var sayHi=function(name){
alert('hi' +name);
}
sayHi('qinya');
var sayGoodbye=sayHi.createSequence(function(name){
alert('Bye,'+name);
});
sayGoodbye('qinya');
使用createSequence(),会先执行sayHi(),然后执行createSequence()中设置的函数
与createInterceptor()不同的是createSequence()的返回值不影响原函数的执行
扩展Array
为数组添加两个对象添加了两个函数:indexOf()和remove()
indexOf(Object o)首先检测传入的参数是否包含在数组中,如果o没有加入数组,返回-1;否则返回索引值,remove(Object o)如果还没有加入,就没有任何操作
分享到:
相关推荐
总结来说,codePress Ext扩展的实现涉及到以下几个关键知识点: 1. EXTJS框架:理解EXTJS的组件化架构,掌握如何创建和配置EXT组件。 2. codePress编辑器:熟悉codePress的API,学习如何实现代码高亮、编辑功能和...
EXTJS以其强大的组件模型和优雅的数据绑定机制而闻名,其中"EXT 扩展子列表头"是EXTJS框架中的一种功能,主要应用于数据展示和交互。本文将深入探讨这个主题,以及如何在EXTJS中实现列表头的分层结构。 "EXT 扩展...
在IT行业中,"ext扩展 延时加载"是一个关于前端开发的重要概念,特别是对于使用Ext JS框架的应用程序。Ext JS是一个强大的JavaScript库,用于构建数据驱动的富客户端应用程序。延时加载(Lazy Loading)是一种优化...
EXT 扩展是基于 JavaScript 的前端开发框架 EXTJS 的一种增强功能,它提供了一系列丰富的组件和工具,使得开发者能够构建出交互性强、用户体验优秀的 web 应用程序。在本案例中,"Flash 表单上传组件"是 EXT 扩展中...
"Ext扩展控件,可以用图片显示百分之多少"的标题揭示了一个特定的EXT控件功能,它允许将表格(grid)中的百分比数据以图形化的方式——进度条图片——进行呈现,这样不仅美观,还能更有效地传达信息。 EXT Grid是一...
"Ext扩展控件,支持复制,粘贴,剪切"这个主题涉及到的是ExtJS中的自定义插件开发,用于增强其内置控件的功能,特别是添加了常见的文本编辑操作,如复制(Copy)、粘贴(Paste)和剪切(Cut)。 在标准的Web浏览器...
【标题】"Ext扩展整理后吐血奉献"揭示了作者在深入研究Ext JS框架的扩展功能后,将自己宝贵的经验和理解倾囊相授。Ext JS是一个强大的JavaScript库,主要用于构建富客户端Web应用,它提供了丰富的组件和强大的数据...
1. **图形和符号**:ol-ext扩展了OpenLayers的基本图标和标记功能,引入了更多的图形元素,如箭头、圆形、正方形、星形等。这些图形可以用于表示特定的地理信息或增强地图的可视化效果。此外,还支持自定义SVG图形,...
EXT Grid控件提供了一个灵活且功能丰富的界面来展示和操作数据,而“Ext扩展控件”则进一步增强了Grid的功能。在本教程中,我们将深入探讨如何通过EXT Grid的插件机制实现动态地在代码中添加或删除表格列,这正是...
"Ext扩展控件-------可以通过下拉列表框选择每页的分页条数"就是为了解决这个问题而设计的。 这个扩展控件提供了下拉列表选项,用户可以根据需要选择每页显示的记录条数。这样,用户不再局限于预设的几个选项,可以...
"ext扩展控件------向导控件(上一步,下一步,返回)"就是这样一个专门用于创建向导式用户界面的组件,它模拟了传统软件安装过程中的向导模式,引导用户按步骤完成复杂任务。 向导控件(Wizard)通常包含一系列...
在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...
Ext扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxy
直接放到tomcat下.访问iconcombo.html页面 用的的文件名称如下:iconcombo.html js/Ext.ux.IconCombo.js css/Ext.ux.IconCombo.css
自己扩展的异步分页bbar,对大数据量表的查询很有帮助