TabBarView avec plusieurs contrôleurs (meilleures pratiques)

Question

depuis que je suis assez nouveau pour sencha toucher 2.0 je me demandais:
Comment puis-je créer un TabBarView avec un contrôleur pour chaque onglet?

Mon idée:
Créer le contrôleur onTabChange. Mais il doit y avoir une manière plus élégante?

Ma première approche:

Ext.define('app.controller.MainController', { 
    extend: 'Ext.app.Controller', 

    views: [ 
     'TabBar', 
     'About' 
    ], 

    ref: [ 
    ], 

    requires: [ 
     'app.controller.About' 
    ], 

    init: function() { 
     // Create tabbar and listen for events 
     this.tabBarView = this.getTabBarView().create(); 
     this.tabBarView.addListener('activeitemchange', this.onActiveitemchange, this); 

     // Add views to tabbar 
     var aboutView = this.getAboutView().create(); 
     this.tabBarView.add(aboutView); 

     // TODO: Add more views 

     // Crate application listeners 
     this.application.addListener('changeTab', this.changeTab, this); 

    }, 

    /** 
    * Change tab (fired from views inside tabbar) 
    */ 

    changeTab : function() { 
     this.tabBarView.setActiveItem(0); 
    }, 

    /** 
    * Listen for tabchange an map controller to view 
    */ 
    onActiveitemchange : function(container, newView, oldView, e) { 
     console.info("tabchange"); 

     // Create appropiate controller 
     switch (newView.alias[0]) { 
      case 'aboutView': 
       var aboutController = this.application.getController('About'); 
      break; 

      // TODO: Add more breakpoints 

      default: 
      console.warn("No controller mapped to: "+newView.alias); 

     }; 

     // TODO: Remove old controller 
    } 

}); 

Answer 1

définir plusieurs contrôleurs, les configurer dans votre application et dans chaque contrôleur utilise les éléments suivants:

init: function() { 
    this.control({ 
     'your selector': { 
      event: 'function-name to execute on event' 
     }, 
     .... 
    }); 
} 

uniquement configurer le contrôle sur les composants disponibles dans le correspondant contrôleur d'onglet.