Ext JS 4.2.1 + Sencha CMD - ItemSelector按钮未加载CSS

时间:2013-10-09 11:43:58

标签: javascript extjs extjs4.2 sencha-cmd

我使用海王星主题使用sencha CMD 3.1.2.342生成了一个Ext JS 4.2.1.883应用程序... 我的视图中有一个ItemSelector控制按钮'add''remove' ..

我执行了sencha ant cleaensencha app build仍然我的ItemsControl按钮没有任何图标。似乎我生成的Appname-all.css不包含我ItemSelector.css文件夹中ext\src\ux文件的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');

我不知道如何继续 - 请帮助!

1 个答案:

答案 0 :(得分:1)

当我查看Ext JS文档中的multiselect示例时,检查中间的按钮(例如“x-form-itemselector-add”)清楚地显示CSS不是主题的一部分 - 它是一个完全独立的CSS文件。

事实上,只需查看HTML源代码即可显示CSS file

您需要手动将CSS添加到主题中,然后重新编译。 Sencha UX JS和CSS文件没有通过Cmd的自动包含标志。