關於Extjs6.0 controller文件過大，實現模塊化分離

Extjs通常都是一個視圖對應着一個controller 一旦碰到視圖中邏輯過於繁瑣形成controller文件過大不利於維護和修改，因此要經過混入mixins混入功能來實現模塊化!

首先建立一個視圖

Ext.define('Cosmo.view.main.right.property.event.EventUtil', {

  alternateClassName: ['EventUtil'],  //別名

  requires: ['Cosmo.Map', 'Cosmo.Page'],

  onAlert:function(){
      alert(1)
  }
});

而後在你的controller文件裏面開始混入

Ext.define('Cosmo.view.main.right.property.event.EventController', {
    
    extend: 'Ext.app.ViewController',

    /** 控制器別名 */
    alias: 'controller.eventController',

    mixins: ['Cosmo.view.main.right.property.event.EventUtil'],
    
    render:function(){
        var me=this;
        me.onAlert()
    }
})

這樣就能夠實現模塊化，使之可以根據功能來實現區分了