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

11

确保您的app.json要求ux：

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

此外，当您使用 Sencha CMD 时，无需担心Ext.Loader.

于 2015-07-24T10:09:44.610 回答
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 回答
0

使用 EXT Js，使用 Sencha CMD，添加 requires [...,"ux"] 就足够了。

于 2015-11-25T13:06:57.510 回答