关于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()
    }
})

这样就能够实现模块化，使之可以根据功能来实现区分了