關於Extjs6.0 controller檔案過大,實現模組化分離

只有光頭才叫強發表於2019-02-16

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

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

相關文章