Sencha Touch 2 TabPanel actif Item click

Question

Comment pouvons-nous ajouter clickenerener à activeitem dans Tabbar, Comme je recherche, j'ai trouvé que seul l'événement disponible est activeitemchange donc l'action ne fonctionnera que si je clique sur un autre élément, puis sur myitem

Answer 1

Utilisez la propriété delegate lors de l'ajout d'auditeurs à ajouter un écouteur directement à l'onglet lui-même:

var tabPanel = Ext.Viewport.add({ 
    xtype: 'tabpanel', 

    items: [ 
     { 
      title: 'one', 
      html: 'one' 
     }, 
     { 
      title: 'two', 
      html: 'two' 
     } 
    ] 
}); 

tabPanel.on({ 
    delegate: 'tab', 
    tap: function(tab) { 
     console.log(tab.getText()); 
    } 
}); 

Answer 2

Simpler:

ajouter le bouton normalement, car il serait un onglet ... puis, dans tabpanel élément de configuration, ajouter:

listeners: { 
    activeitemchange: function(source, value, oldValue, eOpts) { 
     if(value.id == 'chiama') { 
          // do actions... 
      // for example open a link: 
          // document.location = 'www.google.it'; 

      source.setActiveItem(oldValue); //avoid tab switching 
      return false; // avoid tab switching 
     } 
    } 
}