`

ExtJs中2个常用的高级事件功能:委托(Delegation),缓冲(Buffer)

 
阅读更多

委托delegation
减低内存销毁和防止内存泄露的隐患是事件委托技术的两项好处,其基本要义是:
并不是集合内的每一个元素都要登记上事件处理器,而是在集合其容器上登记
一次便可,这样产生了中央化的一个事件处理器,然后就有不断循环该事件周
期,使得逐层上报机制付诸实现,只要在容器层面定义就可以。
这不是说要求我们在body元素挂上一个全局的事件,这会导致页面内的任何动作都会触发
那个事件,无疑很有可能会带来反效果的,我们想提升效能却会更 慢……因此,我们说,
适用的场景应该像是下拉列表、日历等等这样拥有一群元素的控件,直接或间接地体现在
一个容器身上的那么一个控件。

缓冲buffer
你在登记事件的处理器的时候可以加入配置这个选项。若指定一个毫秒数会把该处理函数
安排到Ext.util.DelayedTask延时之后才执行。如果 事件在那个事件再次触发,则原处理器
句柄将不会被启用,但是新处理器句柄会安排在其位置。
el.on('click', function(e,t) {
// 执行事件具体过程
}, this, {
buffer: 1000 // 重复响应事件以一秒为时间间隔
});

分享到:
评论

相关推荐

    MVC设计模式实战ExtJS4.2高级组件+SSH2在线投稿系统

    01.教程简介_ExtJS4.2简介_SSH2基本框架搭建 02.编写几个通用的service方法、设计数据库 03.搭建ExtJS的MVC框架 04.主界面的搭建、登录功能和菜单树的生成 05.创建菜单树、前台保存用户信息 06.菜单树响应事件、我的...

    EXTJS4.0视频教程配套代码

    第三讲:extjs4.0数据模型--Model(附件较大做了分包压缩大家只要下载2个包运行001就ok了) [03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-...

    Extjs 4.11 重写 Panel 添加 click事件

    Extjs 4.11 重写 Panel 添加 click事件

    extjs4中文视频下载地址

    extjs4.0 技术中文视频讲解,内容非常的全... 第七讲:extjs4.0的事件机制Event 第八讲:extjs4.0的Ajax 第九讲:extjs4.0的core包和Ext类 第十讲:extjs4.0的util包 论坛地址是: http://www.uspcat.com/?fromuid=413

    自定义高级查询Extjs

    自定义高级查询Extjs

    Extjs 重写Panel添加click事件

    Extjs 重写Panel添加click事件

    extjs四个例子,一个中文API

    新手学习,初学extjs时用刚刚好,里边有三个例子,还有一个我自己写的例子(简单粗暴动态菜单),还有一个中文API

    Extjs教程源码

    第二十二讲: EXTJS4.0的高级组件Form中 第二十三讲: EXTJS4.0的高级组件Form下 第二十四讲: EXTJS4.0的高级组件Form补充01 第二十五讲: EXTJS4.0的高级组件Form补充02 第二十六讲: EXTJS4.0的高级组件Panel和Layout...

    ExtJs终极资料(初级到高级例子)

    ExtJs终极资料(初级到高级例子)是很完整的extjs的教程

    Extjs中文文档

    Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。

    ExtJS Web应用程序开发指南(第2版)

    然后通过4章来详细讲解ExtJS的基本功能,包括:最常用的表单、面板和布局类,常用的工具类与函数,以及ExtJS对事件的响应。《ExtJS Web应用程序开发指南(第2版)》还结合现今流行的Web框架进行改造,将相关技术融合...

    Extjs 中文API文档

    Extjs 中文API文档,有对Extjs相关API的中文说明

    免费 Extjs4.0教程视频

    第三讲:extjs4.0数据模型--Model(附件较大做了分包压缩大家只要下载2个包运行001就ok了) [03]EXTJS4.0数据模型-Model.001.zip (70.00M)[03]EXTJS4.0数据模型-Model.002.zip (57.37M) 第四讲:extjs4.0的数据代理-...

    ExtJs 带清空功能的日期组件

    ExtJs 的日期控件不带清空功能,项目有可能需要一个带清空功能的日期控件。

    extjs 高级编程

    extjs高级编程extjs高级编程extjs高级编程

    ExtJS4中文教程2 开发笔记 chm

    ExtJS 4中动态加载的路径设置 Extjs4 API文档阅读(一)——类系统(Class System) Extjs4 API文档阅读(三)——布局和容器 Extjs4 API文档阅读(二)——MVC构架(上) Extjs4 API文档阅读(二)——MVC构架(下) Extjs4...

    Extjs-常用函数和事件

    Extjs-常用函数和事件

    ExtJS Web应用程序开发指南(第2版)

    卫军、夏慧军、孟腊春编著的《ExtJS Web应用程序开发指南(第2版)》共18章和1个附录,是对第1版的全面升级,增补了大量ExtJS 4.0中的新特性。从基本的ExtJS功能开始讲解RIA Web开发,从而引出用户体验丰富的ExtJS...

    extjs中文api

    extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例

Global site tag (gtag.js) - Google Analytics