Comment ajouter un écouteur à certains boutons extjs

Je suis un newbie de extjs (à l'aide de ext.js 4.1),je suis encore à apprendre, mais la chose que j'ai à faire maintenant est un peu délicat et je voudrais avoir l'avis d'un plus de développeurs expérimentés. Le problème, c'est au sujet de ces boutons:

{
    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;
        }
}
}
}

Comme vous pouvez le voir il y a un auditeur, c'était de travailler quand les boutons étaient seulement des cases à cocher (je vais changer maintenant pour être vérifiée qu'une à la fois). Maintenant, je suppose que je dois changer le port d'écoute pour beaucoup plus d'auditeurs, un pour chaque bouton. Mais les questions sont:

  • Comment puis-je obtenir la valeur à partir des boutons?

  • Comment la fonction de l'auditeur être structuré au niveau des paramètres de la fonction?

  • Je vais devoir changer le "vérifié" variable qui filtre le magasin...

Je suis la copie de cette réponse, mais il ne fonctionne pas toujours. Il n'a pas d'enregistrer l'événement.

InformationsquelleAutor softwareplay | 2013-09-27
  1. 3

    L'ajout d'un auditeur à un bouton est assez simple. Il est la liaison la botton avec la fonction à l'extérieur, c'est difficile. Cependant, l'écouteur du bouton est trouvé:

    {
    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!');
    }}
}
    InformationsquelleAutor softwareplay