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

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

    原文作者:playboy5566
    原文地址: https://segmentfault.com/a/1190000015268326
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞