button - 如何为某些按钮添加监听器 extjs

Question

我是 extjs 的新手(使用 ext.js 4.1)，我还在学习它，但我现在要做的事情有点棘手，我想请教更有经验的开发人员的建议。问题在于这些按钮:

{
    xtype : 'checkboxgroup',
store : checked,
columns : 3,
vertical : false,
singleSelect: true,
items : [
{
    xtype: 'button',
    text: 'name',
    width: 75,
    toggleGroup: 'mygroup',
    enableToggle: true
}, {
    xtype: 'button',
    text: 'email',
    width:75,
    toggleGroup: 'mygroup',
    enableToggle: true
}, {
    xtype: 'button',
    text: 'id',
    width: 75,
    toggleGroup: 'mygroup',
    enableToggle: true
}
],
listeners : 
{
    'change' :
// store checked field
function(th, newValue, oldValue) {
    var ics = th.items.items;
    for (i = 0; i < 3; i++) {
        checked[i] = ics[i].checked;
        }
}
}
}

正如您所看到的，有一个监听器，当按钮只是复选框时它正在工作(我现在将它们更改为一次只检查一个)。现在我假设我必须将监听器更改为更多监听器，每个按钮一个。但问题是:

如何从按钮中获取值？

监听器的函数在函数的参数层面应该如何构造？

我将不得不更改过滤商店的“已检查”变量...

我从 this 复制回答，但它仍然不起作用。它不注册事件。

Answer 1

向按钮添加监听器非常简单。将按钮与外部的功能绑定(bind)起来很困难。但是找到了按钮的监听器:

{
    xtype: 'button',
    text: 'name',
    width: 75,
    toggleGroup: 'mygroup',
    enableToggle: true,
    listeners: {
    click: function() {
    //this == the button, as we are in the local scope
        this.setText('I was clicked!');
    }}
}