extjs - 我可以在一个文件中加载整个命名空间吗？

Question

我想将一个命名空间中的所有类合并到一个文件中，而不是分别加载它们。是的，我知道加载器不应该在生产环境中使用，但是这些命名空间很少使用。

假设我有命名空间

App.Employee.*

我现在想App.Employee在一个文件/请求中加载整个命名空间。对我来说，这听起来应该是可能的，但我没有设法让它工作，因为加载器正在寻找一个名为App.Employee.

那么这可能是开箱即用的，还是理论上可能的，还是根本不可能？

Answer 1

最好的方法是构建您的应用程序，包括使用较少的部分。如果您的应用程序会预先加载 20 或 30 秒，这并不重要，但稍后延迟可能会更加明显和明显。Sencha Cmd 可以帮助你。

If you still think your app can benefit from dynamic loading, use Ext.Loader.loadScript. It has callback parameter that kicks in when the script in question is loaded, which gives you an action point. The script shouldn't necessarily be an Ext class, any JavaScript will do - including a part of application in compressed form.

Answer 2

您可以将所有命名空间 App.Employee.* 收集到一个文件 /App/employee.js 中，然后在需要时使用文件完整路径加载它。

Ext.require("/App/employee")

升级版。我也发现了一些问题。Ext.loader 不要等待employee.js。当employee.js 中的类具有依赖关系时，它会抛出异常。试试Ext.syncRequire("/App/employee")吧。它在我的测试中运行良好。

并且不要忘记声明文件的完整路径（来自您的 webroot）。

Answer 3

您必须将所有类放在一个 js 文件中并加载该文件（只需将所有单个文件中的代码复制并粘贴到一个新文件中，然后将其命名为App.employee.js）。在一个 Ajax 请求中加载多个文件是不可能的，因此加载器无法帮助您。

有关 loader 的详细信息，请参阅Ext 文档。

供参考：

Ext 使用CamelCase类和命名空间的命名。它们的命名空间都以小写字符开头，它们的类都以大写字符开头。这使得区分这两种类型变得更加容易。建议遵循该约定。更多信息可以在这里找到。