цвет строки в выпадающем списке combobox-a
Пользую ExtJS3.
Как в выпадающем списке (combobox) некоторые строчки отобразить серым, остальные дефолтным чёрным? |
Цитата:
<select> ... </select> Не combobox... Так вот стандартный select не разукрашивается. |
Цитата:
Во-вторых: ext'овский Ext.form.ComboBox и HTML'евский select как Карл Маркс и Фридрих Энгельс - не муж и жена, а совершенно разных четыре человека ;) Ну, и в-третьих: нужно смотреть на Ext.form.ComboBox.tpl:
Ext.onReady(function() {
var
cb = new Ext.form.ComboBox({
store: new Ext.data.ArrayStore({
autoDestroy: true,
idIndex: 0,
fields: [
{ name: "id", type: "int" },
"name"
],
data: [
[ 1, "Record# 1" ],
[ 2, "Record# 2" ],
[ 3, "Record# 3" ],
[ 4, "Record# 4" ]
]
}),
displayField: "name",
valueField: "id",
mode: "local",
tpl: "<tpl for=\".\"><div class=\"x-combo-list-item<tpl if=\"id==2\"> red</tpl>\">{name}</div></tpl>",
renderTo: Ext.getBody()
});
});
|
Цитата:
Цитата:
|
Цитата:
FF 15.0.1, Google Chrome 22.0.1229.79, Opera 12.02, M$ IE 8: <select id="status" style="width:180px; height:160px; font-size: 20pt;"> <option value="Arial" selected="selected" style="font-family: Arial; color: red;">Arial</option> <option value="Georgia" style="font-family: Georgia; color: green;">Georgia</option> <option value="Tahoma" style="font-family: Tahoma; color: yellow; background-color: black;">Tahoma</option> <option value="Sylfaen" style="font-family: Sylfaen; font-size: 14pt;">Sylfaen</option> <option value="Verdana" style="font-family: Verdana; text-decoration: line-through;">Verdana</option> <option style="font-family: 'Times New Roman'; font-size: 14pt">Administrators</option> <option style="color: #f00">Moderators</option> <option style="font-family: Georgia; font-size: 12pt">Users</option> <option style="background-color: #ffffc0; border: 1px solid #0000ff">Guests</option> </select> не сдюжили, за исключением FF, text-decoration и border |
| Часовой пояс GMT +3, время: 03:14. |