`
y1d2y3xyz
  • 浏览: 257069 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Extjs源码之---Ext.util.DelayedTask

阅读更多
/*
创建对象
var task = new Ext.util.DelayedTask(function(){
    alert(Ext.getDom('myInputField').value.length);
});
调用执行
Ext.get('myInputField').on('keypress', function(){
    task.{@link #delay}(500); 
});
*/
Ext.util.DelayedTask = function(fn, scope, args){
    var me = this,
    	id,    	
    	call = function(){
    		clearInterval(id);//这里感觉这里有点多余, me.cancel已经有做这个动作,是不是重复了,不知道作者处于何意
	        id = null;
	        fn.apply(scope, args || []);
	 };
	    
    //设置delay 参数信息
    me.delay = function(delay, newFn, newScope, newArgs){
        me.cancel();//先清除当前对象的定期器
        fn = newFn || fn;//设置调用函数
        scope = newScope || scope;//调用函数的作用域
        args = newArgs || args;//调用函数的参数
        id = setInterval(call, delay);//运行函数
    };

    //清楚定时器
    me.cancel = function(){
        if(id){
            clearInterval(id);
            id = null;
        }
    };
};

//这个函数用在对输入校验的时候特别管用,特别是对于suggest这样的应用,可以减少服务端压力,
分享到:
评论

相关推荐

    ExtJs4.0 使用心得@1 Ext.util.Format.Number()

    本文将深入探讨Ext.util.Format.Number()函数,它是ExtJS 4.0中的一个重要工具,用于格式化数字。 `Ext.util.Format`是ExtJS中一个非常实用的工具类,包含了一系列用于字符串、日期和数值等类型的数据格式化的静态...

    Extjs6.x插件,双击关闭选项卡(js源码)

    1. **定义插件类**:首先,你需要定义一个新的EXTJS 类,继承自`Ext.AbstractPlugin` 或 `Ext.util.Plugin`,这将是你的插件基类。 2. **初始化插件**:在构造函数中,你可以设置插件的相关配置,并通过`init` 方法...

    Extjs中文教程

    - Extjs提供了丰富的动画效果,可以通过`Ext.Fx`和`Ext.Element`类实现。 - 动画效果包括淡入淡出、滑动、缩放等。 - **Ext.Fx类** - 提供了一组高级的动画效果,支持复杂的动画序列。 - 例如创建一个淡入效果...

    ext-3.2.0源码

    `ext-3.2.0` 是这个版本的核心源码目录,里面包含了所有ExtJS框架的基础文件和资源。这个目录下通常会包括以下几个关键部分: 1. `adapter`: 这个目录包含了不同JavaScript库适配器,如ExtJS对jQuery或Prototype的...

    ext-3.0框架源码

    7. **主题和皮肤**:`Ext.theme`和`Ext.util.CSS`负责主题的加载和应用,通过修改CSS样式实现UI定制。 通过阅读EXT 3.0的源码,开发者不仅可以深入了解其内部工作原理,还能学习到优秀的JavaScript编程实践,提升...

    深入浅出ExtJS第2版

    深入浅出ExtJS第2版+源码..1 下载EXT发布包 1 1.2 如何查看EXT自带的API和示例 1 1.3 为什么有些示例必须放在服务器上 才能看到效果 2 1.4 Hello World 2 1.4.1 直接使用下载的发布包 2 1.4.2 在项目中使用EXT...

    ext 文件上传

    在EXTJS中,文件上传通常涉及到EXT.form.BasicForm、EXT.form.FileField和EXT.util.Queue等组件。EXT.form.FileField是用于创建一个文件选择输入字段的组件,用户可以通过这个字段选择本地文件进行上传。而EXT.util....

    Extjs教程源码

    Extjs教程源码 介: ***************第一部分基础知识**************** 第一讲: EXTJS4.0概述和HelloWorld程序 第二讲: EXTJS4.0的新特性 第三讲: EXTJS4.0数据模型——Model 第四讲: EXTJS4.0的数据代理——Proxy ...

    Ext中文帮助文档(Ext常见界面源码,及类库方法详解)

    这个“Ext中文帮助文档”涵盖了ExtJS 2.1版本的核心类库和常见界面元素,为开发者提供了详尽的源码解析和方法解释。 一、ExtJS 2.1核心组件 在ExtJS 2.1中,主要的组件包括: 1. 表格(Grid):用于展示数据,支持...

    extjs 登陆页面+验证码

    我们可以利用ExtJS的`Ext.util.Random`类生成随机字符串作为验证码,并显示在一个`Ext.field.Text`组件中。同时,还需要一个图片展示验证码图像,这可以通过动态生成并返回图像的服务器端脚本来实现,客户端则使用`...

    EXTJS desktop 国际化

    EXTJS提供了`Ext.Date`和`Ext.util.Format`类来处理这些格式,可以根据不同的语言和地区设置合适的格式规则。 5. **工具支持**: - 标签“工具”可能是指EXTJS提供的一些辅助工具,如构建工具或者IDE插件,它们...

    Extjs4.0视频教程和源代码,另附文档翻译

    - **新特性概览**:介绍了Extjs4.0相对于前几个版本的主要改进之处,如新的UI组件、增强的性能、更好的响应式设计支持等。 - **演示与实践**:通过多个实例展示了这些新特性的具体用法,帮助开发者快速上手并利用...

    extjs3.0例子

    7. **Ext.util.Event**: EXTJS的事件系统,允许组件之间进行通信。通过`addListener`(或`on`)方法监听事件,`fireEvent`触发事件。 在“extjs3.0例子”中,你可以通过源码学习如何实例化这些对象,如何配置它们的...

    数字微调输入框

    在源码实现方面,我们可以利用HTML、CSS和JavaScript来构建数字微调输入框。HTML部分可以使用`<input type="number">`元素,提供基本的数字输入功能。CSS用于样式设计,如箭头按钮的形状和颜色。JavaScript则用于...

    ExtJs搜索控件、插件

    ExtJS提供了`Ext.util.Filter`类,可以帮助我们根据条件过滤Store中的数据。可以设置多个过滤器,根据不同的搜索条件组合使用。 5. **插件(Plugins)**:在ExtJS中,插件(`Ext.plugin.*`)用于扩展组件的功能。搜索...

    ExtJS中DatetimeMenu组件(包括时、分)的使用 示例

    而`Ext.util.Format.time`则可以用于格式化时间字符串。 总的来说,ExtJS的DateTimeMenu组件为开发人员提供了一种方便、灵活的方式来处理日期和时间选择,它可以轻松集成到各种Web应用中,提高用户体验。通过对源码...

    extjs中的formPanel以及表单的应用

    在工具方面,ExtJS 提供了一些实用的工具类,如`Ext.Ajax`用于处理Ajax请求,`Ext.util.Format`包含各种格式化函数,例如日期格式化,以及`Ext.MessageBox`用于弹出消息框等。 综上所述,了解并掌握ExtJS中的...

    EXT CRUD和login

    例如,可以使用Ext.form.Panel创建登录表单,Ext.Ajax或Ext.data.proxy.Ajax处理异步请求,以及Ext.util.Cookies管理Cookie。同时,服务器端可能需要使用诸如Spring Security或Express.js的框架来处理认证逻辑。 ...

    ExtJS Share sessions

    ExtJS提供`Ext.util.Cookies`类来操作Cookie,创建、读取、更新和删除。 2. **LocalStorage和SessionStorage**:这两种是HTML5提供的本地存储机制。LocalStorage的数据持久化,即使浏览器关闭后仍存在;...

Global site tag (gtag.js) - Google Analytics