2015-07-24 26 views
8

Sto cercando di utilizzare il selettore colore sotto ext/pacchetti/UX/classica/src/colorpicker Così ho impostato il mio richiede:ExtJS 6 Configurare 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' 
    ] 

E in cima app .js, ho impostato questo:

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

Ma non sta funzionando che ho: Impossibile caricare risorsa: il server ha risposto con uno stato di 404 (non trovato) http://localhost:1841/ext/classic/cl...=1437726506841

Non serve la configurazione del mio caricatore. Come posso configurare Ext.ux correttamente?

Grazie

+0

Immagino che tu stia utilizzando Sencha CMD (a causa di localhost: 1841), nel qual caso non è necessario configurare 'Ext.Loader'. La semplice specificazione di 'Ext.ux.colorpick.Button' nella dichiarazione' requires' dovrebbe funzionare. – Greendrake

+0

Sì, uso sencha CMD 6 ma lo stesso errore se non si specifica loader config. Ecco perché provo a configurarlo :( – jaumard

risposta

10

Assicurarsi che il app.json richiede ux:

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

Inoltre, come si utilizza Sencha CMD Non v'è alcun bisogno di preoccuparsi Ext.Loader.

+0

omg, questa è la migliore risposta, la risposta più intelligente !! –

0

Questo è quanto ho configurato il mio applicazione web che utilizza Ext.ux. Date un'occhiata: enter image description here

Come potete vedere ho aggiunto cartella ext-UX con tutti gli interessati per me fonti interne webapp. In app.js ho aggiunto:

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

In index.jsp ho aggiunto:

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

di percorsi corso cambieranno dipende dalla configurazione.

E esempio per mostrare come usarlo:

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

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

Con EXT Js, utilizzando Sencha CMD, l'aggiunta richiede [..., "ux"] è sufficiente.