初始化和解构控制器的最佳实践

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

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

即使有数十数千个控制器，也可以在应用程序启动时加载它们。视图渲染需要时间。

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

在测试中，我创建了 1000 个简单的控制器，如下所示：

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）到调用最后一个控制器的 init 方法花了一秒钟。