`
qinya06
  • 浏览: 595285 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

ext 扩展

EXT 
阅读更多
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 扩展代码实现

    总结来说,codePress Ext扩展的实现涉及到以下几个关键知识点: 1. EXTJS框架:理解EXTJS的组件化架构,掌握如何创建和配置EXT组件。 2. codePress编辑器:熟悉codePress的API,学习如何实现代码高亮、编辑功能和...

    ext 扩展子列表头

    EXTJS以其强大的组件模型和优雅的数据绑定机制而闻名,其中"EXT 扩展子列表头"是EXTJS框架中的一种功能,主要应用于数据展示和交互。本文将深入探讨这个主题,以及如何在EXTJS中实现列表头的分层结构。 "EXT 扩展...

    ext扩展 延时加载

    在IT行业中,"ext扩展 延时加载"是一个关于前端开发的重要概念,特别是对于使用Ext JS框架的应用程序。Ext JS是一个强大的JavaScript库,用于构建数据驱动的富客户端应用程序。延时加载(Lazy Loading)是一种优化...

    ext扩展_Flash表单上传组件

    EXT 扩展是基于 JavaScript 的前端开发框架 EXTJS 的一种增强功能,它提供了一系列丰富的组件和工具,使得开发者能够构建出交互性强、用户体验优秀的 web 应用程序。在本案例中,"Flash 表单上传组件"是 EXT 扩展中...

    Ext扩展控件,可以用图片显示百分之多少

    "Ext扩展控件,可以用图片显示百分之多少"的标题揭示了一个特定的EXT控件功能,它允许将表格(grid)中的百分比数据以图形化的方式——进度条图片——进行呈现,这样不仅美观,还能更有效地传达信息。 EXT Grid是一...

    Ext扩展控件,支持复制,粘贴,剪切

    "Ext扩展控件,支持复制,粘贴,剪切"这个主题涉及到的是ExtJS中的自定义插件开发,用于增强其内置控件的功能,特别是添加了常见的文本编辑操作,如复制(Copy)、粘贴(Paste)和剪切(Cut)。 在标准的Web浏览器...

    Ext扩展整理后吐血奉献

    【标题】"Ext扩展整理后吐血奉献"揭示了作者在深入研究Ext JS框架的扩展功能后,将自己宝贵的经验和理解倾囊相授。Ext JS是一个强大的JavaScript库,主要用于构建富客户端Web应用,它提供了丰富的组件和强大的数据...

    Openlayers扩展插件ol-ext ,2022年4月版本v3.2.23

    1. **图形和符号**:ol-ext扩展了OpenLayers的基本图标和标记功能,引入了更多的图形元素,如箭头、圆形、正方形、星形等。这些图形可以用于表示特定的地理信息或增强地图的可视化效果。此外,还支持自定义SVG图形,...

    Ext扩展控件-----可以在代码中动态为表格增加一列或者删除一列

    EXT Grid控件提供了一个灵活且功能丰富的界面来展示和操作数据,而“Ext扩展控件”则进一步增强了Grid的功能。在本教程中,我们将深入探讨如何通过EXT Grid的插件机制实现动态地在代码中添加或删除表格列,这正是...

    Ext扩展控件-------可以通过下拉列表框选择每页的分页条数

    "Ext扩展控件-------可以通过下拉列表框选择每页的分页条数"就是为了解决这个问题而设计的。 这个扩展控件提供了下拉列表选项,用户可以根据需要选择每页显示的记录条数。这样,用户不再局限于预设的几个选项,可以...

    ext扩展控件------向导控件(上一步,下一步,返回)

    "ext扩展控件------向导控件(上一步,下一步,返回)"就是这样一个专门用于创建向导式用户界面的组件,它模拟了传统软件安装过程中的向导模式,引导用户按步骤完成复杂任务。 向导控件(Wizard)通常包含一系列...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...

    Ext扩展dwrproxy

    Ext扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxyExt扩展dwrproxy

    Ext 扩展的带图片的 combobox

    直接放到tomcat下.访问iconcombo.html页面 用的的文件名称如下:iconcombo.html js/Ext.ux.IconCombo.js css/Ext.ux.IconCombo.css

    ext扩展异步分页bbar

    自己扩展的异步分页bbar,对大数据量表的查询很有帮助

Global site tag (gtag.js) - Google Analytics