ч: selectOneRadio, содержащие изображения

У меня есть ах: selectOneRadio тег для отображения количества радиокнопок:ч: selectOneRadio, содержащие изображения

<h:selectOneRadio value="#{myBean.radioButtonSelection}"> 
    <s:selectItems value="#{myBean.getPossibleRadioButtonSelections()}" var="rs" label="#{rs.toString}"/>        
</h:selectOneRadio>

Теперь вместо радиокнопки со значениями строк (меток), я хотел бы иметь радиокнопки с (кликабельны) рядом с ним. Это возможно? Если да, то как?

Обновление: Фактически, при нажатии на него должен быть как текст, так и изображение с вопросительным знаком, на котором отображается модальная панель.

источник

2010-08-25 Fortega

Вы можете использовать <h:outputLabel for="form:radioGroupId:X"> и разместить <h:graphicImage> внутри. (X - номер опции)

Конечно, вам нужно будет иметь две коллекции: одну с элементами и одну с картинками, а также одну итерацию по отдельности - одну с <s:selectItems>, а другую с <ui:repeat>. Немного утомительно.

источник

2010-08-25 13:50:20 Bozho

Как бы вы выровняли это с помощью 's: selectItems'? – BalusC

с использованием 'ui: repeat', т. Е. Вручную. – Bozho

Я сделал что-то похожее на ваше решение. H: selectOneRadio создает таблицу, поэтому я создал вторую таблицу рядом с ней (используя ), содержащую изображения ... Это работает и выглядит отлично, хотя сгенерированный HTML-код выглядит не очень красивым ... – Fortega

Ваша лучшая и самая чистая ставка будет использовать фоновые изображения CSS. Кроме того, вы также можете установить itemLabelEscaped="false" и использовать простой ваниль HTML <img> в ярлыке товара.

источник

2010-08-25 13:37:16 BalusC

clickable CSS background images? Мне действительно нужно несколько s, поэтому я могу показать модальную панель, когда кто-то нажимает на них. Я не думаю, что это возможно с фоновым изображением. – Fortega

Затем перейдите на HTML. – BalusC

Я столкнулся с той же проблемой (хочу добавить значок справки в некоторые из моих опций), но не может найти ничего элегантного решения ... Если я правильно вас понимаю, подход html означает перемещение чистого визуального материала переднего конца в базовые бобы, где генерируются метки для selectItems, правильно? – Louise

ч: selectOneRadio, содержащие изображения

ответ

Смежные вопросы