Sencha 2：パネル上のリスナーが機能しない

Question

SenchaアプリをSencha1からSencha2に移植しようとしています。

私のリスナーの誰も働いていないようです。 Sencha2のドキュメントには、さまざまなイベントを持っているようだ、とのイベントの数が少ない：

http://docs.sencha.com/touch/1-1/#!/api/Ext.Panel

http://docs.sencha.com/touch/2-0/#!/api/Ext.Panel

は、これを行うための新しい方法はありますか？ Sencha1のリスナーはまだSencha2に実装されていませんか？

Ext.define('MyApp.view.Loading', { 
     extend: 'Ext.Panel', 
     googleAnalyticsName: 'Loading', 
     id: 'loadingView', 
     xtype: 'loading', 
     config: { 
      fullscreen: true, 
      layout: 'vbox', 
      scrollable: false, 
      items: [{ 
       html: '<div id="loading-view" style="background-repeat: none;"><div id="loading-page-spinner"></div>' 
      }], 
      listeners: { 
       activate: function() { 
        console.log('activate listener'); 
       }, 
       afterrender: function() { 
        console.log('afterrender listener')    
       } 
      }, 
     }, 
    }); 

Answer 1

これは動作するようです：

Ext.define('MyApp.view.Loading', { 
     extend: 'Ext.Panel', 
     googleAnalyticsName: 'Loading', 
     id: 'loadingView', 
     xtype: 'loading', 
     initialize: function() { 

      this.on('activate', function() { alert('activate'); }); 

      this.callParent(); 
     } 
    ...