TabBarView多个控制器（最佳实践）

Question

，因为我非常新的煎茶触摸2.0我想知道：
如何创建与每个选项卡控制器的TabBarView？

我的想法：
创建控制器onTabChange。但是必须有更优雅的方式？

我的第一种方法：

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

定义多个控制器，在您的应用程序配置它们，并在每个控制器使用以下命令：

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

在相应的可用组件，仅配置控制标签控制器。