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

| 这是使用标准的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);
  }
});
我似乎无法弄清楚这是语法错误还是框架问题。如果我尝试从一个控制器中链接到另一个控制器,我就遇到了同样的问题,这使我相信这可能是框架的约束。     
已邀请:
这里的问题是您的app / view / ViewOrders.js脚本中的类名称与视图名称不匹配。代替the4ѭ,您需要复数(和正确的大小写)
Ext.define(\'PVAL_App.view.ViewOrders\', {
。您可以更改文件名并引用单数形式,然后更正大小写。     

要回复问题请先登录注册