Делегат с sencha touch 2

Question

Я пытаюсь использовать делегат, чтобы определить, когда был нажат элемент табуляции. Вот мой взгляд:

Ext.define('SenchaPOC.view.Viewport',{ 
    extend: 'Ext.TabPanel', 
    xtype: 'tabpanel', 

    config:{ 
     fullscreen: true, 
     tabBarPosition: 'bottom', 
     items:[{ 
        xtype: 'profilepage' 
       }, 
       { 
        xtype: 'internaltransferpage' 
       }, 
       { 
        xtype: 'accounttrendspage' 
       } 
     ] 
    }, 
    listeners: { 
     delegate: 'tabbar > tab', 
     tap: function() { 
      console.log("changed"); 
     } 
    } 
}); 

Он не работает. Я думаю, что ошибка в этой строке

delegate: 'tabbar > tab' 

Кто-нибудь знает, как это исправить? Кроме того, как я могу получить заголовок вкладки, которая была изменена?

Answer 1

Я считаю, что вы ищете событие «activeitemchange». попробуйте:

listeners: { 
    activeitemchange: function(that, newValue, oldValue, eOpts) { 
     console.log(newValue.getTitle()) 
    } 
} 

надеюсь, что это поможет.

Answer 2

Фактически, я понял, что ошибка заключалась в том, что «слушатели» должны находиться внутри «config».

Ext.define('SenchaPOC.view.Viewport',{ 
    extend: 'Ext.TabPanel', 
    xtype: 'tabpanel', 

    config:{ 
     fullscreen: true, 
     tabBarPosition: 'bottom', 
     items:[{ 
        xtype: 'profilepage' 
       }, 
       { 
        xtype: 'internaltransferpage' 
       }, 
       { 
        xtype: 'accounttrendspage' 
       } 
     ], 
     listeners: { 
      delegate: 'tabbar > tab', 
      tap: function() { 
       console.log("changed"); 
      } 
     } 
    } 
});