ExtJS 6 configure Ext.ux

Ich versuche, um die Farbauswahl unter ext/packages/ux/classic/src/Colorpicker Also ich mein Set zu verwenden erfordert:ExtJS 6 configure Ext.ux

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' 
    ]

Und an der Spitze der App Js, habe ich dies:

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

Aber es funktioniert nicht ich habe: fehlgeschlagen Ressource laden: der Server mit einem Status von 404 geantwortet (nicht gefunden) http://localhost:1841/ext/classic/cl...=1437726506841

Es dauert nicht meine Loader-Konfiguration. Wie kann ich Ext.ux korrekt konfigurieren?

Dank

Quelle

2015-07-24 jaumard

Ich nehme an, Sie verwenden Sencha CMD (wegen localhost: 1841), in diesem Fall ist es nicht nötig, 'Ext.Loader' zu konfigurieren. Lediglich die Angabe von 'Ext.ux.col- pick.Button' in der 'requires'-Deklaration sollte funktionieren. – Greendrake

Ja, ich benutze Sencha CMD 6 aber denselben Fehler, wenn ich loader config nicht spezifiziere. Deshalb versuche ich es zu konfigurieren :( – jaumard

Vergewissern Sie sich, dass Ihr app.json erfordert ux:

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

Auch, wie Sie Sencha CMD verwenden etwa gibt es keine Notwendigkeit zur Sorge Ext.Loader.

Quelle

2015-07-24 10:09:44 Greendrake

omg, das ist die beste Antwort, die klügere Antwort !! –

Dies ist, wie ich meine Web-Anwendung konfiguriert, dass Ext.ux. verwendet Werfen Sie einen Blick:

Wie Sie i hinzugefügt ext-ux Ordner mit alle Interessierten für mich Quellen innerhalb Webapp sehen. In app.js i hinzugefügt:

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

In index.jsp i hinzugefügt:

<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>

Natürlich Pfade wird, hängt von der Konfiguration ändern.

Und Beispiel zu zeigen, wie es zu benutzen:

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

    requires: [ 
     'Ext.window.MessageBox', 
     'Ext.ux.desktop.ShortcutModel' 
    ],

Quelle

2015-07-24 09:57:21

Bei EXT Js mit Sencha CMD ist das Hinzufügen von [..., "ux]" ausreichend.

Quelle

2015-11-25 13:06:57 pkrav

Antwort

Verwandte Themen