ExtJS 6 configure Ext.ux

Próbuję użyć próbnika kolorów pod ext/pakietów/ux/classic/src/colorpicker Więc mogę ustawić wymaga: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' 
    ]

A na górze aplikacji js, ustawić w ten sposób:

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

Ale to nie działa mam: nie udało się załadować zasób: serwer odpowiedział ze statusem 404 (nie znaleziono) http://localhost:1841/ext/classic/cl...=1437726506841

Nie zajmuje to mojej konfiguracji modułu ładującego. Jak poprawnie skonfigurować Ext.ux?

Dzięki

Źródło

2015-07-24 jaumard

Domyślam się, że używasz Sencha CMD (z powodu localhost: 1841), w którym to przypadku nie ma potrzeby konfigurowania 'Ext.Loader'. Samo podanie 'Ext.ux.colorpick.Button' w deklaracji' require' powinno działać. – Greendrake

Tak Używam sencha CMD 6, ale ten sam błąd, jeśli nie określiłem konfiguracji modułu ładującego. To dlatego próbuję to skonfigurować :( – jaumard

Upewnij się, że app.json wymaga ux:

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

Ponadto, jak używasz Sencha CMD nie ma potrzeby martwić się o Ext.Loader.

Źródło

2015-07-24 10:09:44 Greendrake

omg, to najlepsza odpowiedź, mądrzejsza odpowiedź !! –

ten sposób skonfigurowałem moje aplikację internetową, która korzysta Ext.ux. Spójrz:

Jak widać dodałem folderu EXT-UX z wszystkich zainteresowanych do mnie źródeł wewnątrz webapp. W app.js I dodaje:

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

W index.jsp I dodaje:

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

ścieżek oczywiście zmieni zależy od konfiguracji.

i przykładem, aby pokazać, jak go używać:

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

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

Źródło

2015-07-24 09:57:21

Z EXT Js, używając Sencha CMD, wystarczy dodać wymagania [..., "ux"].

Źródło

2015-11-25 13:06:57 pkrav

ExtJS 6 configure Ext.ux

Odpowiedz

Powiązane problemy