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