ExtJS文件加载方法

ExtJS file load approach

本文关键字：方法加载文件 ExtJS 更新时间：2024-04-09

我有一个应用程序，它的主页上有7个以上的选项卡，每个选项卡本身都非常全面，带有嵌套的选项卡/窗口。

我使用的是EXTJS 4.2 MVC架构。我的问题是，我应该使用什么方法来加载所有视图/控制器/存储。这不包括对web服务器的代理调用，因为这些调用仅基于用户请求。

第一种方法：通过在app.js文件中包含所有控制器，在应用程序第一次加载时加载所有文件，这些控制器将加载所有特定于选项卡的文件。我确实有一个人资源，他与ExtJs合作了很长时间，并建议可以一次加载所有内容。EXTJS构建过程将把所有这些文件组合在一个文件中，它将像ext.js文件一样，本身非常大，加载时间非常短
第二种方法：当用户选择选项卡时，只加载选项卡视图/控制器。这需要动态调用控制器

因为我是ExtJS的新手，有懒惰的加载心态。不确定它如何适合EXTJS世界。请根据你的经验给我建议。

只要将文件连接并缩小为一个捆绑包，资源加载时间应该是合理的。如果您还在资源加载url的末尾包含一个版本号，那么当您想要更新捆绑包时，您将获得浏览器缓存和按需刷新的好处。您只需更新版本，下次浏览将从服务器重新加载您的捆绑包。

处理7个控制器和设置侦听器是一项开销，但我怀疑您是否会在这里看到显著的性能改进。请注意多次往返服务器以获取资源和数据。这就是你会看到负面影响的地方。