学步园

Ext.util.Observable是一个基础类

在项目过程中，为了更好的完成项目往往我们需要针对项目做一些特定封装。如,插件,组件,类等。而在封装时,要用到的一个基类Ext.util.Observable作为事件管理者。

一下通过一个实例来介绍。

1、类构建[构造属性]

2、自定义方法的使用
///构建自定义组件
Person = function(config){
   ///属性构建
   Ext.apply(this, config);
   this.addEvents({
      "xxxuuu" : true,
      "quit" : true
   });
}
///必须继承Ext.util.Observable
///this.fireEvent触发事件，并将参数传递过去)
Ext.extend(Person, Ext.util.Observable,{
                    ///定义属性及其默认参数和事件
                    school:'XIhuan',
                        age:'90',
                        address:'MianYang',
                        xxxuuu:function(){this.fireEvent('xxxuuu', this)}
                        ,quit:function(e){alert(e.name)}
                        });
///触发的代码
function myHandler1(e){alert(e.age)}
function myHandler2(empolyee){alert('a')}
var emp = new Person({name:'DLH',age:27,sex:'男'});

///定义监听

emp.on('xxxuuu', myHandler1);

///收到触发
emp.xxxuuu();