css - ExtJsのComboBoxでselectedItemのCSSをカスタマイズする

Question

ComboBoxで選択したアイテムのCSSをカスタマイズするにはどうすればよいですか？「listConfig」メソッドを介して「selectedItemCls」を渡すことは機能しません。なんで？

Answer 1

.x-boundlist-selected クラスをオーバーロードする必要があります。たとえば、選択した値を読み上げて太字にしたい場合は、次のようにします。

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

これは思い通りに機能しますが、スタイルは完了していません。

幸運を。