Ext JS 4.2.1 + Sencha CMD - ItemSelector按鈕CSS未加載

Question

我用sencha CMD 3.1.2.342生成了一個Ext JS 4.2.1.883應用程序，使用海王星主題... 我有一個ItemSelector控件在我的查看與按鈕'add'和'remove' ..

我執行的sencha ant cleaen和sencha app build還是我ItemsControl的的按鈕是沒有任何圖標。看起來我生成的Appname-all.css在我的ext\src\ux文件夾中不包含ItemSelector.css文件的CSS，例如，將爲css類.x-form-itemselector-add定義樣式。在Appname-all.scss文件中，我找到了一個設置爲true的變量$include-ext-ux-form-itemselector。我不知道如何解決這個問題.. 我已經嘗試在我的application.js文件中寫入Ext.require('Ext.ux.form.ItemSelector');和Ext.Loader.setPath('Ext.ux', './ext/src/ux');。

我不知道如何繼續 - 請幫助！

Answer 1

當我查看Ext JS文檔中的multiselect示例時，檢查中間的按鈕（例如「x-form-itemselector-add」）清楚地顯示CSS不是主題的一部分 - 它是完全獨立的CSS文件。

實際上，只看HTML源代碼顯示CSS file。

您需要手動將CSS添加到主題，然後重新編譯。 Sencha UX JS和CSS文件沒有通過Cmd自動包含標誌。