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

Posted 2023-01-29 重庆熊猫

更新记录
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();

本文来自博客园，作者：重庆熊猫，转载请注明原文链接：https://www.cnblogs.com/cqpanda/p/17031367.html