`

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

 
阅读更多

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

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

分享到:
评论

相关推荐

    Extjs源码之--Ext事件机制/继承关系

    在EXTJS这个强大的JavaScript框架中,事件机制是其核心组件之一,它允许组件之间进行通信和交互。在“Extjs源码之--Ext事件机制/继承关系”中,我们将深入探讨EXTJS如何处理事件以及其类层次结构。EXTJS的事件处理...

    Extjs 重写Panel添加click事件

    在Ext JS这个强大的JavaScript框架中,Panel是一种常用的组件,用于构建复杂的用户界面。Panel提供了丰富的功能,包括布局管理、工具栏、标题、可配置性等。然而,有时我们需要对Panel进行自定义,例如添加或修改...

    extjs中文文档大全

    本文档集合包括了"ExtJS实用开发指南"、"EXT 中文手册"以及"Ext Core手册",涵盖了ExtJS的基础到高级开发知识。 1. **ExtJS实用开发指南**:此部分主要针对ExtJS的实际应用,包含如何快速上手、组件的使用、布局...

    ExtJS 事件处理 动态载入

    2. **事件委托(Event Delegation)**:在容器组件上设置监听器,通过选择器匹配子组件触发的事件,以减少内存占用和提高性能。例如,监听`itemclick`事件来处理列表中的点击事件: ```javascript var list = Ext....

    ExtJs3.3中文API.CHM_extjs3.3中文文档_

    这个“ExtJS3.3中文API.CHM”文档是为中文用户特别准备的,帮助他们更好地理解和使用ExtJS 3.3的各种功能。 CHM文件,全称是Microsoft Compiled HTML Help,是微软推出的一种帮助文件格式,它将HTML文件打包成单一...

    ExtJs事件处理 ajax

    在ExtJs中,事件处理是构建交互式用户界面的关键组成部分。下面将详细解释标题和描述中提到的ExtJs事件处理,以及与Ajax交互的相关知识。 1. **基本事件处理** - 在ExtJs中,可以使用`on`方法来监听DOM元素或Ext...

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

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

    EXTJS实用开发指南_个人整理笔记.pdf

    EXTJS是一个功能强大且灵活的JavaScript框架,用于构建Rich Internet Applications(RIA)。本文档将从EXTJS的基本使用到高级应用进行讲解,涵盖EXTJS的核心概念、控件、工具和实践经验。 一、EXTJS基础知识 EXTJS...

    ExtJS 3.x中文API

    监听器(Listeners)和委托(Delegation)是常用的事件处理方式。 8. **Ajax和JSONP**:ExtJS内置了Ajax请求和JSONP跨域请求的机制,方便与服务器进行异步通信。 9. **工具提示(ToolTips)**:提供自定义的工具...

    EXTJS 多文件上传

    `MultiFileUploadField.js` 文件是EXTJS框架中实现`MultiFileUploadField` 功能的具体代码,它可能包含了组件的定义、事件处理函数、上传逻辑等。通过阅读和理解这个文件,开发者可以更深入地了解EXTJS如何处理多...

    自定义高级查询Extjs

    在这个场景中,"自定义高级查询Extjs"指的是利用Ext JS框架来构建这样的功能。Ext JS是一个流行的JavaScript库,用于创建富客户端应用程序,特别是与数据展示和操作相关的Web应用。 1. **Ext JS简介** - Ext JS...

    extjs3.0中文API

    运行“3.0下3.x API Documentation.exe”文件,可以查看详细的API参考,其中包括每个类、方法、属性和事件的描述,帮助开发者深入理解并有效地利用ExtJS 3.0的全部功能。 总的来说,ExtJS 3.0中文API文档是学习和...

    ExtJs2相关书籍

    在您提供的资料中,我们可以看到针对ExtJS2的学习资源,包括一本实用简明教程和一本中文手册,以及一个关于EXTJS部分功能的UML类结构图。 《Ext实用简明教程》可能是对ExtJS2的基础知识和常见用法的全面介绍,涵盖...

    Extjs4登录功能+验证码+struts2

    在"Extjs4登录功能+验证码+struts2"这个主题中,我们将深入探讨如何利用ExtJS4构建一个带有验证码功能的登录界面,并结合Struts2后端框架实现数据验证和处理。 首先,登录功能是Web应用的基础部分,通常包含用户名...

    EXTJS2 API

    EXTJS2 API是EXTJS2的核心文档,它详细阐述了EXTJS2框架的各种类、方法、属性和事件,帮助开发者深入理解和使用EXTJS2。 EXTJS2 API文档主要包含以下几个关键知识点: 1. **组件(Components)**:EXTJS2的核心是...

    EXtjs 图片批量上传

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一整套组件和工具,包括表格、窗体、菜单等,帮助开发者创建功能丰富的、交互式的用户界面。本教程将深入探讨如何在ExtJS中...

Global site tag (gtag.js) - Google Analytics