extjs - 在 ExtJS 4 下有没有办法加载外部组件？

Question

我正在尝试设置我的 ExtJS 4 项目，所以我有三个顶级应用程序，例如，

/foo/app.js
/bar/app.js
/baz/app.js

每个“顶级”应用程序都是一个单独的 ExtJS 应用程序，每个都有自己的加载器。在某些情况下，我想要在所有三个应用程序之间共享通用组件，所以我有 /components顶级目录。

如果我有一个组件名称说 ComponentA，

/components/componenta.js

我将如何将 ComponentA 放入所有三个应用程序中，以便单个应用程序可以引用或扩展它？

Answer 1

您可以将相同的加载程序添加到每个应用程序中 app.js文件。

Ext.Loader.setPath('Common', '../components/');

然后在定义公共(public)组件时为它们提供相同的命名空间，并将它们放在组件顶级文件夹中。

componenta.js

Ext.define('Common.componenta', {
    extend: 'Ext.panel.Panel',
    title: 'Component A'
});

然后 Common 命名空间将可供您在每个应用程序中扩展

Ext.define('Foo.panel', {
    extend: 'Common.componenta',
    title: 'Foo Panel'
});