JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

JavaScript

Ext.define('MaiButton', {
    extend: 'Ext.button.Button',
    
    initComponent: function () {
        // define listeners on class in initComponent
        this.on('click', function () {
            console.log('class-level click');    
        });
        
        this.callParent();
    }
});

var btn = Ext.create('MaiButton', {
    text: 'Click Me',
    renderTo: Ext.getBody(),
    
    // define listeners on instance in listeners config
    listeners: {
        click: function () {
            console.log('instance-level click');    
        }
    }
});

btn.on('click', function () {
    console.log('another instance-level click'); 
});