ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / Java [игнор отключен] [закрыт для гостей] / Как расскрасить f:selectItem в h:selectOneRadio
2 сообщений из 2, страница 1 из 1
Как расскрасить f:selectItem в h:selectOneRadio
    #38145652
AndreyDmt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AndreyDmt
Гость
Приветствую!
Для некоторого юзабилити потребовалось расскрасить каждый из selectItem в свой цвет. Так ить не смог.
Пользую кроме всего прочего seam, richFaces - но и в них решения не нашлось. Чисто для наглядности - код такой
Код: xml
1.
2.
3.
4.
5.
6.
7.
<td style="width: 100%;">
 <h:selectOneRadio value="#{topoPsrObjectBean.flowDirectPsrID}" >
  <f:selectItem itemLabel="Item1" itemValue="1" />
  <f:selectItem itemLabel="Item2" itemValue="2" />
  <f:selectItem itemLabel="Item3" itemValue="3" />
</h:selectOneRadio>
</td>


Пытался обрамлять каждый selectItem через <table>, через <div> ну типа вставлю там в стиле
цвет текста в нужное значение, дочерние отнаследуют. Не вышло. Картинка в идеологии
примерно такая предполагалась
Код: xml
1.
2.
3.
4.
5.
6.
7.
<table>
<tr>
  <td style="color:red;"><f:selectItem itemLabel="Item1" itemValue="1" /></td>
  <td style="color:green;><f:selectItem itemLabel="Item2" itemValue="2" /></td>
  <td style="color:navy;><f:selectItem itemLabel="Item3" itemValue="3" /></td>
</tr>
</table>


Посмотрел через firebug - там такая забавность получается. Все мои обрамления преобразуются
в таблицу, где в стиле нужные цвета проставлены. Т.е. таблица, строка, 3 ячейки, таблица закрывается.
А сами selectItem располагаются ниже этой таблицы обрамления, в своей собственной таблице.
Цвет у ячеек, понятно, дефолтный и одинаковый у всех.
Посему вопрос: как то можно победить, покрасить в нужный цвет?
...
Рейтинг: 0 / 0
11.02.2013, 11:17:38
| Ответить | Цитировать | Написать  
Как расскрасить f:selectItem в h:selectOneRadio
    #38145984
ivanra
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ivanra
Гость
Если бы работал селектор <, то можно было бы раскрасить с помощью таблицы стилей. А так - наверно, только скриптом
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
	jQuery("td input[type='radio']").each(function(){
		var $radio = jQuery(this);
		var $td = $radio.parent();
		// а дальше раскрашиваем, например
		switch ($radio.val()) {
		case 1: $td.css("color","red");break;
		case 2: $td.css("color","green");break;
		case 3: $td.css("color","navy");break;
		}
	});
...
Рейтинг: 0 / 0
11.02.2013, 13:47:24
| Ответить | Цитировать | Написать  
2 сообщений из 2, страница 1 из 1
Форумы / Java [игнор отключен] [закрыт для гостей] / Как расскрасить f:selectItem в h:selectOneRadio
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=59&msg=38145652&tid=2130004]:
 0ms
get settings:
 12ms
get forum list:
 20ms
check forum access:
 7ms
check topic access:
 7ms
track hit:
 35ms
get topic data:
 17ms
get forum data:
 4ms
get page messages:
 58ms
get tp. blocked users:
 2ms
others: 322ms
total:  484ms
созд. / загр.: 484ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]