8

ext/packages/ux/classic/src/colorpicker でカラー ピッカーを使用しようとしています。

requires: [
        'Ext.plugin.Viewport',
        'Ext.window.MessageBox',


        'ThemeDemoApp.view.main.MainController',
        'ThemeDemoApp.view.main.MainModel',
        'ThemeDemoApp.view.main.List',
        'Ext.slider.Single',
        'Ext.ux.colorpick.Button'
    ]

そして、app.js の上部に、次のように設定します。

Ext.Loader.setConfig({                enabled : true,
                paths   : {
                        'Ext.ux' : 'ext/packages/ux/classic/src'
                } 
        });

しかし、それは機能していません: リソースの読み込みに失敗しました: サーバーは 404 (見つかりません) のステータスで応答しました http://localhost:1841/ext/classic/cl...=1437726506841

私のローダー構成は必要ありません。Ext.ux を正しく構成するにはどうすればよいですか?

ありがとう

4

3 に答える 3

1

これは、Ext.ux を使用する Web アプリケーションを構成する方法です。見てみましょう： ここに画像の説明を入力

ご覧のとおり、webapp 内のすべての関心のあるソースを含む ext-ux フォルダーを追加しました。app.js私は追加しました：

Ext.Loader.setPath('Ext.ux', 'extjs/ext-ux/src/ux');

index.jsp私は追加しました ：

<head>
    <script type="text/javascript" src="extjs/ext-all-debug.js"></script>
    <script type="text/javascript" src="extjs/ext-ux/ext-ux-debug.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>

もちろん、パスは構成によって異なります。

そして、それを使用する方法を示す例:

Ext.define('ScuWeb.ScuWebApp', {
    extend: 'Ext.ux.desktop.App',

    requires: [
        'Ext.window.MessageBox',
        'Ext.ux.desktop.ShortcutModel'
    ],
于 2015-07-24T09:57:21.843 に答える