Question

我需要明确能够模块化利用Ext JS的JavaScript代码。我的目标是创建扩展Ext JS小部件的自定义类，在几个JavaScript文件（.js文件）之间分配代码。

我查看了Ext.Loader上的文档，但我并没有完全遵循确保类依赖关系解析的方法。我在单个JavaScript文件中的代码正在按预期工作，因为代码顺序化是依赖的。但是，一旦我在多个JavaScript文件中破解代码并希望在多个页面中使用，我的依赖性就会变得混乱，因为我的所有页面都需要具有不同依赖关系的不同类。

考虑到我在常规后端编码中很容易实现代码分离和重用，这让我很困惑。请帮助输入。我正在使用Ext JS 4.1.1

Answer 1

要在创建自定义组件时启用依赖项解析，请使用requires的{{1}}参数。它看起来像这样：

Ext.define

有关详细信息，请阅读Sencha网站上的Dynamic Loading and New Class System。它详细介绍了动态加载的工作原理。一旦掌握了它，它实际上真的很酷。

几乎忘记了。您可以在需要时显式调用Ext.define("My.custom.Widget", { alias: "widget.mywidget", requires: [ "My.custom.TextField", "My.custom.ComboBox", "My.custom.Store" ], constructor: function(config){} /* ... */ });来加载某些文件。它支持通配符，别名等。还有Ext.require来阻止加载某些文件。

Answer 2

Sencha有一些非常好的指南可以帮助您掌握框架。 http://docs.sencha.com/ext-js/4-1/#!/guide

一个好的开始就是这个：http://docs.sencha.com/ext-js/4-1/#!/guide/application_architecture应用程序架构。本指南清楚地告诉您如何模块化代码和Loader期望的文件夹结构。请看一下。

模块化＆amp;重用使用Ext JS编写的代码

2 个答案: