即使文件已加载，ExtJS4 MVC CheckColumn 也未声明答案

【问题标题】：ExtJS4 MVC CheckColumn not declared even if the files have been loaded即使文件已加载，ExtJS4 MVC CheckColumn 也未声明
【发布时间】：2012-07-06 07:32:56
【问题描述】：

我有一个简单的 ExtJS4 MVC 测试应用程序，开始于：

<html>
<head>
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="/Test/extjs-4.1.0/resources/css/ext-all.css">
    <link rel="stylesheet" type="text/css" href="/Test/extjs-4.1.0/resources/css/CheckHeader.css">
    <script type="text/javascript" src="/Test/extjs-4.1.0/ext-all-dev.js"></script>
    <script type="text/javascript" src="/Test/ajax/api-debug.js?apiNs=MyNamespac"></script>
    <script type="text/javascript" src="/Test/app.js"></script>
</head>
<body><div id="viewport"></div></body>
</html>

这是实际的app.js 代码（我已将CheckColumn.js 文件复制到extjs-4.1.0\src）：

Ext.Loader.setConfig({ enabled: true });

Ext.require([ 'Ext.ux.CheckColumn' ]);

Ext.direct.Manager.addProvider(MyNamespace.REMOTING_API);

Ext.application({
    name : 'Auctions',
    controllers : [ 'TestDates' ],

    appFolder : '/Test/app',

    launch : function() {


        Ext.create('Ext.Panel', {
            layout : 'fit',
            items : [ {
                xtype : 'testdates'
            } ],
            renderTo : 'viewport',
        });
    }
});

我必须包含加载器，否则应用程序会抱怨它无法加载控制器。我还必须要求 CheckColumn，否则无法识别 checkcolumn xtype。

我没有收到以下错误：

即使它们的文件已被声明，也不会声明以下类加载：'Ext.ux.CheckColumn'。请检查他们的源代码可能的拼写错误的相应文件：'./ux/CheckColumn.js

【问题讨论】：

这可能是加载器未正确配置或与异步动态加载模型有关的问题。 checkcolumn xtype 在哪里使用？在testdates 内？如果是这样，我会删除 Ext.require([ 'Ext.ux.CheckColumn' ]); 并使用应用程序本身的 requires 配置。

标签： extjs-mvc extjs4.1

【解决方案1】：

您应该在extjs-4.1.0\src 下创建文件夹ux 并将CheckColumn.js 文件复制到那里。在 ExtJs 中，类名和文件位置之间总是有一个链接。如果你的类名是Ext.ux.CheckColumn，那么路径必须是.\src\ux\CheckColumn.js

【讨论】：

我的原始问题可能会误导您，但文件 is 实际上位于 extjs-4.1.0\src\ux。