在 ExtJS 4 MVC 中将多个视图附加到控制器

Question

这是使用标准 ExtJS 4 MVC 库和结构。

我正在尝试将多个视图附加到单个控制器，以便稍后创建它们的实例以添加到面板中。不幸的是，当我添加第二个视图时，我收到了有关视图的错误，并且 ExtJS 阻止了它出现的语法错误，因此我无法看到问题出在哪里。

如果我从下面的列表中注释掉 ViewOrders ，它工作正常，但如果它在那里，那么我会收到以下错误：

An uncaught error was raised with the following data: ext-all-debug-with-comments.js (line 7864)
msg:
"The following classes are not declared even if their files have been loaded:   'PVAL_App.view.ViewOrders'. Please check the source code of their corresponding files for possible typos: 'app/view/ViewOrders.js'"

sourceClass: "Ext.Loader"
sourceMethod: "onFileLoaded"

这是我的控制器：

Ext.define('PVAL_App.controller.Viewport', {
    extend: 'Ext.app.Controller',

    views: [
      'Viewport', 'ViewOrders'
    ],

    init: function() {
      console.log('Viewport controller init()');
    }
});

这是我的 ViewOrders 视图：

Ext.define('PVAL_APP.view.ViewOrder', {

    /* Begin Definitions */
    extend: 'Ext.panel.Panel',
    alias: 'widget.ViewOrders',

    requires: [
        'Ext.panel.Panel',
        'Ext.data.ArrayStore'
    ],

    border:false,
    layout: 'fit',
    //autoScroll: true,

    initComponent: function() {
    }
});

我怀疑这是需要的，但这是我的应用程序文件：

Ext.Loader.setConfig(
{
  enabled: true
});
Ext.application({
  name: 'PVAL_App',

  appFolder: 'app',

  autoCreateViewport: true,

  controllers: [
    'PVAL_App', 'Viewport'
  ],

  launch:function() {
    // Nothing yet.
    //console.log(this.controllers);
  }
});

I似乎无法弄清楚这是否是语法错误或者这是否是框架的问题。如果我尝试从一个控制器中链接到另一个控制器，我也遇到过类似的问题，这让我相信这可能是框架的限制。

Answer 1

这里的问题是 app/view/ViewOrders.js 脚本中的类名与视图名称不匹配。您需要的是复数形式（且大小写正确），而不是 Ext.define('PVAL_APP.view.ViewOrder', {) Ext.define('PVAL_App.view.ViewOrders', { >. 或者您可以更改文件名并引用单数并更正大小写。