extjs - 初始化和解构 Controller 的最佳实践

Question

构建应用程序时设置 Controller 的最佳方法是什么？

我知道路由、事件监听器和大多数交互性都应该由 Controller 管理，但是我的主 Controller 开始失去控制，我不确定如何最好地将我的逻辑分离到单独的 Controller 中而不保留他们一直在“运行”......

Answer 1

即使有数十个 Controller ，也可以在应用程序启动时加载它们。 View 渲染需要时间。

使用 sencha cmd 确保您的应用程序已最小化并连接。

在测试中，我创建了 1000 个简单的 Controller ，如下所示:

Ext.define('app.controller.ControllerN', {
    extend: 'Ext.app.Controller',
    init: function(application) {    
        this.control({
            buttonN1: {
                click: function() {
                }
            },
            buttonN2: {
                click:function(){}
            }, 
            ... 20 listeners
        });
    }
});

我将它们连接到一个文件中，并将它们加载到 app.js 中，如下所示:

Ext.application({
    name:'app',
    controllers:[
      'Controller0',
      'Controller1'
       ... 1000 controllers
    ],
    launch:function(){}
}

从浏览器刷新(Chrome)到调用最后一个 Controller 的 init 方法花了一秒钟。