0

我需要清楚地了解能够模块化我利用 Ext JS 的 JavaScript 代码。我的目标是创建扩展 Ext JS 小部件的自定义类，在多个 JavaScript 文件（.js 文件）之间分发代码。

我已经查看了文档，Ext.Loader但我并没有完全遵循确保类依赖解析的方法。鉴于代码顺序化是根据依赖关系，我在单个 JavaScript 文件中的代码可以正常工作。但是，一旦我在几个 JavaScript 文件中破坏代码并想在多个页面中使用，我的依赖关系就会变得混乱，因为我的所有页面都需要具有不同依赖关系的不同类。

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

4

2 回答 2

1

要在创建自定义组件时启用依赖关系解析，请requires使用Ext.define. 它看起来像这样：

Ext.define("My.custom.Widget", {
    alias: "widget.mywidget",
    requires: [
        "My.custom.TextField",
        "My.custom.ComboBox",
        "My.custom.Store"
    ],
    constructor: function(config){}
    /* ... */
});

有关更多信息，您应该阅读Sencha 网站上的动态加载和新类系统。它更详细地介绍了动态加载的工作原理。一旦你掌握了它，它实际上真的很酷。

差点忘了。您可以在需要时显式调用Ext.require以加载某些文件。它支持通配符、别名等。还Ext.exclude可以防止某些文件加载​​。

于 2012-08-27T17:12:39.427 回答
0

Sencha 有一些非常棒的指南来帮助你掌握这个框架。 http://docs.sencha.com/ext-js/4-1/#!/guide

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

于 2012-08-27T17:11:52.677 回答