ExtJS 6配置Ext.ux

Question

我正在嘗試使用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？

謝謝

Answer 1

確保你的app.json需要ux ：

"requires": [
    // ...
    "ux"
]

此外，當您使用Sencha CMD時，無需擔心Ext.Loader 。

Answer 2

這就是我配置使用Ext.ux的Web應用程序的方法。 看一看：

正如你所看到的，我添加了ext-ux文件夾，其中包含對 webapp中所有感興趣的內容 。 在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'
    ],

Answer 3

使用EXT Js，使用Sencha CMD，添加需要[...，“ux”]就足夠了。

ExtJS 6配置Ext.ux

問題描述

3 個解決方案

解決方案1
11 已采納 2015-07-24 10:09:44

解決方案2
0 2015-07-24 09:57:21

解決方案3
0 2015-11-25 13:06:57

ExtJS 6配置Ext.ux

問題描述

3 個解決方案

解決方案1 11 已采納 2015-07-24 10:09:44

解決方案2 0 2015-07-24 09:57:21

解決方案3 0 2015-11-25 13:06:57

解決方案1
11 已采納 2015-07-24 10:09:44

解決方案2
0 2015-07-24 09:57:21

解決方案3
0 2015-11-25 13:06:57