我有一个简单的 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