h: selectOneRadio, содержащий изображения - PullRequest
3 голосов
/ 25 августа 2010

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

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

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

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

Ответы [ 2 ]

3 голосов
/ 25 августа 2010

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

1 голос
/ 25 августа 2010

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

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

...