`

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
分享到:
评论

相关推荐

    extjs 为某个事件设置拦截器

    我们先来自定义一个事件: 代码如下: person = function(name) { this.name = name; this.addEvents(“walk”); } Ext.extend(person, Ext.util.Observable, { info: function(event) { return this.name + ‘is’ +...

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

    本文暂时不介绍如何使用extjs的组件响应事件,而是介绍Extjs的事件的一些实现原理。整个Extjs框架都是以一种面向对象的方式开发的,所以理解Javascript中的继承也很重要。我前面的一篇文章 补点基础:Javascript中的...

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

    代码如下: /** * @description 事件绑定,兼容各浏览器 * @param target 事件触发对象 * @param type 事件 * @param func 事件处理函数 */ function addEvents(target, type, func) { if (target.addEventListener) ...

    inline-edit.js:内联编辑任何元素

    活动这些事件是从类实例和它正在编辑的元素触发的 var editor = new InlineEdit ( $ ( element ) ) ;editor . addEvents ( { 'onChange' : function ( newValue , oldValue ) { } } ) ;// OR$ ( element ) . ...

    has-tabbed:小型助手,可实现更好的对焦行为

    您可以使用addEvents和removeEvents方法手动控制它。 // Removes all listeners and CSS classtabbed . removeEvents ( ) ;// Adds listeners againtabbed . addEvents ( ) ; 然后,您可以在CSS中使用has-tabbed

    vrml程序 多媒体教室

    eventIn MFNode addEvents eventIn MFNode removeEvents exposedField MFNode events ][ "shared.wrl#BlaxxunZone", "http://www.blaxxun.com/vrml/protos/shared.wrl#BlaxxunZone" ] EXTERNPROTO ...

    rastit:申请显示即将举行的体育赛事(主要是iltarastit)(WIP)

    拉斯蒂特! 一个正在开发的应用程序,用于显示带有日期和地点的即将举行的体育赛事(主要... scrape.js 抓取数据addLocations.js 添加硬编码的位置数据(参见 scripts/location.json) addEvents.js 将事件运行到数据库

    AS3.0歌词同步频谱原码

    ////// 添加事件 ////// ////////////////////////////////////////////////////////////////// private function addEvents():void { sound.addEventListener(Event.SOUND_COMPLETE,...

    这是一个wrl文件可以用来学习vrml

    eventIn MFNode addEvents eventIn MFNode removeEvents exposedField MFNode events ][ "shared.wrl#BlaxxunZone", "http://www.blaxxun.com/vrml/protos/shared.wrl#BlaxxunZone" ] EXTERNPROTO SharedEvent [ ...

Global site tag (gtag.js) - Google Analytics