Add Custom Events in Extjs 4 : A basic working Observable code snippet
Ext.onReady(function(){ Ext.define('Employee', { extend: 'Ext.util.Observable', constructor: function(config){ this.name = config.name; this.addEvents({ "sayHello" : true, "sayGoodbye" : true }); // Copy configured listeners into *this* object so // that the base class's constructor will add them. this.listeners = config.listeners; // Call our superclass constructor to complete // construction process. this.callParent(arguments) } }); var newEmployee = new Employee({ name: "Neil", listeners: { sayHello: function() { // By default, "this" will be the object that // fired the event. console.log(this.name + " says Hello!"); }, sayGoodbye: function() { console.log(this.name + " says goodbye!"); } } }); // with the custom event defined and listener registered... // ...fire it up! newEmployee.fireEvent('sayHello'); newEmployee.fireEvent('sayGoodbye'); });
I thought I'd post this as a reference for a basic working Observable example for custom events.
Comments
Post a Comment