Extjs 3のExt.Loaderが部品が欠落しており、グリッドが表示されていないように見えるのはなぜですか?
-
28-10-2019 - |
質問
表示されていないいくつかの追加機能を備えたextjs 3 Datagridがあります。 JavaScriptコンソールは、Extが不足していると信じるようになります。
明らかに成功してインポートします:
<script type="text/javascript"
src="/extjs3/adapter/ext/ext-base-debug.js">
</script>
<script type="text/javascript"
src="/extjs3/ext-all-debug.js"></script>
私は私のスクリプトにあります:
<script type="text/javascript">
Ext.Loader.setConfig({
enabled: true
});
Ext.Loader.setPath('Ext.ux', '../ux');
Ext.require(['Ext.selection.cellModel',
'Ext.grid.*',
'Ext.data.*',
'Ext.util.*',
'Ext.state.*',
'Ext.form.*',
'Ext.ux.CheckColumn'
]);
Chromeはエラーを表示しています:
Uncaught TypeError:オブジェクト#にはメソッド「setConfig」がありません
行番号は上記のSetConfigに属します。 setConfig()呼び出しにコメントすると、setPath()と同じ基本エラーが表示されます。
輸入する必要がある他の何かがありますか?リソースが予想されるパスにあることを確認しましたが、それらが提供されて適切に受け取られているように見えます。
このエラーに対処するために何をする必要があるかを知りたいです。
ありがとうございました、
- 編集 -
私は今持っています:
<script type="text/javascript">
/*
Ext.Loader.setConfig({
enabled: true
});
Ext.Loader.setPath('Ext.ux', '../ux');
*/
Ext.Loader.load(['Ext.selection.cellModel',
'Ext.grid.*',
'Ext.data.*',
'Ext.util.*',
'Ext.state.*',
'Ext.form.*',
'Ext.ux.CheckColumn'
]);
JavaScriptコンソールで、同じディレクトリから(404)ext.grid。*などを読み込もうとしたというエラーメッセージが表示されます。
検索するための正しいパスを指定するにはどうすればよいですか?
解決
新しいext JS 4をミキシングしています Ext.Loader
ext JS 3で Ext.Loader
. 。あなたのコードには、の構文とAPIを使用しているときにコードが含まれています Ext.Loader
Ext JS 4から。
年 Ext JS 3 APIドキュメントはこちらをご覧ください: http://dev.sencha.com/deploy/ext-3.3.1/docs/
編集
年 Ext JS 3 Loaderは、クラス名のマッピングをパスにサポートしていないため、ローダーは引数としてファイルパスの配列のみを取得します。また、読み込みが終了した後にのみロードされたファイルが利用可能になるため、読み込みが非同期に行われることにも注意してください。