在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/');

然后在定义它们时将公共组件赋予相同的命名空间，并将它们放在组件顶级文件夹中。

<强> componenta.js

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

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

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