1

簡単なExtJS4MVCテストアプリケーションを次のように開始しました。

<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を要求する必要がありました。そうしないと、checkcolumnxtypeが認識されませんでした。

次のエラーが発生しません。

次のクラスは、ファイルがロードされていても宣言されません：'Ext.ux.CheckColumn'。考えられるタイプミスについては、対応するファイルのソースコードを確認してください：'./ux/CheckColumn.js

4

1 に答える 1

1

ux下にフォルダを作成し、そこにファイルextjs-4.1.0\srcをコピーする必要があります。CheckColumn.jsExtJs には、クラス名とファイルの場所の間に常にリンクがあります。クラス名が次の場合Ext.ux.CheckColumn、パスは次のとおりです。.\src\ux\CheckColumn.js

于 2012-07-06T11:15:09.383 に答える