`

Ext自定义事件之——addEvents()

    博客分类:
  • ext
阅读更多
Ext遵循一种树状的事件模型。
所有继承自Ext.util.Observable类的对象,都可以支持事件。

具体使用方法,请看例子:
//函数定义
Person = function(name){
    this.name = name;
    this.addEvents('walk','eat','sleep');//addEvents 这个Function是继承自 Observable类; 可以一次添加多个事件。
}

Ext.extend(Person,Ext.util.Observable,{
    info:function(event){
        return this.name + ' is ' + event + 'ing.';
    }

});


//函数使用
var person = new Person('Han Meimei');
person.on('walk',function(){
       alert(person.info('walk'));
});


 var _btn = new Ext.Button({  
                renderTo : Ext.getBody(),
                text : 'Fire Me!',
                width:50,
                height:20,
                listeners : {  
                    'click' : function() {  
                      person.fireEvent('walk');
                    }  
                }  
            });  



单击button后的运行结果:







-


参考:
http://www.iteye.com/problems/9732













-
  • 大小: 13.8 KB
分享到:
评论

相关推荐

    Ext 实现自定义控件

    通过调用 `this.addEvents("事件名称")`,你可以为组件添加自定义事件,然后使用 `this.fireEvent("事件名称", 参数)` 来触发这个事件。在客户端,用户可以通过 `addListener` 或 `on` 方法订阅这个事件,以响应组件...

    EXT dojochina Ext事件.rar

    EXT dojochina Ext事件是JavaScript库EXT JS中的一个重要概念,EXT JS是一个强大的前端开发框架,主要用于构建桌面级Web应用程序。这个压缩包可能包含了关于EXT JS事件处理的详细资料,特别是针对中国开发者...

    Ext_类的详细介绍

    **Ext.lib.Event** 是一个工具类,封装于 **adapter** 层,旨在提供一个统一的接口来处理不同浏览器中的事件。这一工具类使得开发人员无需关注浏览器之间的差异,能够更加专注于业务逻辑的编写。 ##### 主要函数...

    Ext official doc - class-event-observer

    9. **自定义事件**:除了内置的事件,你还可以在自己的类中定义自定义事件,通过`extend`的`events`属性或`addEvents`方法添加。 10. **事件混合体**:Ext提供了一个名为`Observable`的混合体(mixin),它包含了...

    ext常用注释

    根据提供的文件信息,我们可以梳理出一系列与Ext框架相关的知识点,主要涵盖了Ext框架的基本用法、配置设置、Ajax请求处理以及自定义组件等几个方面。下面将详细解释这些知识点。 ### 1. Ext框架中的基本配置 ####...

    extjs自定义控件

    - **监听器**:自定义控件可以添加自己的事件,通过`listeners`配置项或`addEvents`方法定义事件,然后使用`on`、`un`或`mon`方法添加事件监听器。 - **事件代理**:利用`delegate`配置项,可以在控件内部对特定...

    EXT扩展Htmleditor,在工具栏中添加插入图片按钮,可选择图片插入到编辑器中(也可添加其他功能按钮)

    EXT Htmleditor的强大之处在于它的高度可定制性,你可以根据需要添加任意数量的按钮,甚至创建复杂的自定义功能。 此外,EXT Htmleditor还支持其他高级特性,如监听编辑器中的事件、自定义HTML过滤规则、使用外部...

    Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法

    在Ext4.2版本中,用户可能遇到一个特定的问题,即`RowExpander`的`collapsebody`和`expandbody`事件无法正常触发。这两个事件通常用于监听行展开或折叠时的行为,比如更新数据、执行动画或其他自定义操作。 问题的...

    EXT dojochina Ext类继承.rar

    事件处理程序可以通过`this.listeners`配置项或`addEvents`方法添加。 8. **生命周期方法**:EXTJS类有一些生命周期方法,如`initComponent`,用于初始化组件;`onClassExtended`,在类被扩展时调用。这些方法提供...

    extjs 为某个事件设置拦截器

    在EXTJS中,事件处理是框架的核心特性之一,允许组件之间进行交互和数据传递。有时,我们可能希望在事件触发前或触发后执行特定的逻辑,此时就需要用到事件拦截器。本文将深入探讨如何在EXTJS中为特定事件设置拦截器...

    Extjs学习笔记有用

    事件处理器接收一个事件对象 `e`,这是 `Ext.EventObject` 的实例,它扩展了原生的事件对象,提供了跨浏览器的兼容性和额外的功能,如 `stopEvent` 阻止事件传播,`getCharCode` 获取键盘事件的字符码,`getTarget` ...

    ExtJS设计模式

    - 开发者可以通过`addEvents`、`addListener`等方法为组件添加自定义事件以及注册监听器。 - **示例代码**: ```javascript var button = new Ext.Button({ text: 'Click me', listeners: { click: function() {...

    ExtJs事件机制基本代码模型和流程解析

    `Ext.util.Observable`是ExtJs提供的基础事件处理类,我们可以让`Person`类继承自它,以便利用其事件处理功能: ```javascript Ext.extend(Ext.dojochina.Person, Ext.util.Observable, { name: "", sex: "", //...

    一周学会Mootools 1.4中文教程(3)事件

    需要注意的是,如果使用`addEvents`方法批量绑定事件,那么在移除时必须分别调用`removeEvent`来移除每个单独的事件类型。 #### 三、事件触发 Mootools允许开发者手动触发事件,这对于测试或动态模拟用户交互行为...

    Extjs学习笔记之八 继承和事件基础

    这个类提供了一套事件管理和监听的接口,包括`addEvents`(注册事件)、`addListener`(添加事件监听器)和`fireEvent`(触发事件)等。`Observable`类被许多ExtJS组件作为基类,使得这些组件能够触发和监听事件,...

    js移除事件 js绑定事件实例应用

    这个例子中的`addEvents`和`removeEvents`函数可以确保无论在哪个浏览器环境下,都能够正确地绑定和移除事件处理程序。 在实际应用中,事件绑定和移除可以帮助我们实现各种功能,例如响应用户的交互行为、动态加载...

    Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件

    这些事件可以在动画开始和结束时执行自定义函数: ```javascript morphObject.addEvents({ onStart: function() { console.log('Animation started'); }, onComplete: function() { console.log('Animation ...

    扩展的ExtJS HtmlEditor可处理Microsoft Word和表操作中的粘贴

    在上面的代码中,`handlePaste`函数捕获了'beforepaste'事件,对粘贴的数据进行处理,并通过`fireEvent`触发自定义的'paste'事件,这样其他监听器也可以参与到这个过程中来。最后,我们阻止了默认的粘贴行为,用处理...

    Mootools 1.2教程 选项卡效果(Tabs)

    4. Mootools方法:`.addEvents()`用于添加事件监听器,`.bind()`用于设置事件处理函数的上下文。 5. JavaScript函数:`showFunction`和`hideFunction`用于显示和隐藏内容区块。 这个教程为初学者提供了一个很好的...

Global site tag (gtag.js) - Google Analytics