在 ExtJs 的组合框中自定义 selectedItem 的 CSS

Question

如何为组合框中的选定项目自定义CSS？通过"listConfig"方法传递"selectedItemCls"不起作用。为什么？

Answer 1

您必须重载 .x 边界列表选择的类。例如，如果您希望所选值以读取和粗体显示，则可以执行以下操作：

.x-boundlist-selected {
    font-weight: bold;
    background-color: red;
}​

看看这个工作示例：http://jsfiddle.net/lontivero/P9awz/1/

更新：

selectedItemCls 并非不起作用，因为无法更改其值，因为它是在 InitComponent 方法中分配的：

me.selectedItemCls = baseCls + '-selected';

然后，更改它的唯一方法是为 baseCls 提供一个值。但是如果你这样做，你将需要创建组合框使用的所有css类系列。

看看这个工作（甚至未完成）的例子：http://jsfiddle.net/P9awz/3/

这可以根据需要工作，但样式未完成。

祝你好运。