ExtJS-自定义事件（观察者模式）实现

更新记录
2023年1月6日 从笔记迁移到博客。

转载请注明出处：

ExtJS教程汇总：https://www.cnblogs.com/cqpanda/p/16328016.html

使用 Ext.util.Observable 类型即可。

代码实例：

//定义类型
Ext.define('Myapp.sample.Employee',{
    //混入 Ext.util.Observable 类型
    mixins: {
        observable: 'Ext.util.Observable'
    },
    //Code.....
    constructor: function( config ){
        //Code.....
        //调用observable的构造函数
        this.mixins.observable.constructor.call(this, config);
    },
    //测试函数
    quitJob: function(){
        //调用唤起事件
        this.fireEvent('quit', this.getName(), new Date(), 2, 1, 'more params...' );
    }
});

//实例化类型
var patricia = Ext.create('Myapp.sample.Employee', {
    name:'Patricia',
    lastName:'Diaz',
    age:21,
    isOld:false,
    listeners:{
        //监听指定的事件
        'quit':function(EmployeeName, quitDate, param, paramb, paramc){
            console.log('Event quit launched');
            console.log('Employee:' + EmployeeName);
            console.log('Date:'+ Ext.util.Format.date(quitDate,'Y-m-d H:i'));
            console.log('Param :' + param);
            console.log('Param B:' + paramb);
            console.log('Param C:' + paramc);
        }
    }
});

//调用方法唤起事件
patricia.quitJob();