extjs为组件绑定事件

在 ExtJS 中，我们可以使用 on 方法为组件绑定事件。例如，为一个按钮添加点击事件：

Ext.create('Ext.button.Button', {
    text: 'Click me',
    renderTo: Ext.getBody(),
    listeners: {
        click: function() {
            console.log('Button clicked');
        }
    }
});

在上面的代码中，listeners 属性是一个对象，其中的 click 属性表示要绑定的事件类型，而其值是一个回调函数，当事件被触发时就会执行该函数。

除了在组件创建时绑定事件，我们还可以使用 on 方法动态地为组件添加事件。例如，给一个表格绑定行双击事件：

var grid = Ext.create('Ext.grid.Panel', {
    store: myStore,
    columns: myColumns,
    renderTo: Ext.getBody()
});

grid.on('itemdblclick', function(view, record) {
    console.log('Row double clicked: ' + record.get('name'));
});

在上面的代码中，on 方法的第一个参数是事件类型，第二个参数是回调函数。回调函数的参数包括事件源和触发事件的记录等信息。