关于Extjs6.0 controller文件过大，实现模块化分离

Posted 2020-11-22 homehtml

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

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