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

Question

我使用 nthe neptune 主题使用 sencha CMD 3.1.2.342 生成了一个 Ext JS 4.2.1.883 应用程序...我的 View 中有一个 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。我不知道我该如何解决这个问题..我已经尝试编写 Ext.require('Ext.ux.form.ItemSelector'); 和 Ext.Loader.setPath('Ext.ux', './ext/src/ux'); 在我的 application.js 文件中。

我不知道如何进行 - 请帮忙!

Answer 1

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

事实上，只要查看 HTML 源代码就会显示 CSS file .

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