Question

我有一个简单的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',
        });
    }
});

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

我没有收到以下错误：

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

Answer 1

您应该在ux下创建文件夹extjs-4.1.0\src并在那里复制CheckColumn.js文件。 ExtJs中始终存在类名和文件位置之间的链接。如果您的班级名称为Ext.ux.CheckColumn，则路径必须为.\src\ux\CheckColumn.js

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

1 个答案: