Как вставить изображение перед каждым переключателем с помощью f: selectItems - PullRequest
Новая
       10

Как вставить изображение перед каждым переключателем с помощью f: selectItems

1 голос
/ 10 ноября 2010

Я создал группу переключателей, используя f:selectItems. Я сконструировал переключатель следующим образом 

<h:selectOneRadio>
   <f:selectItems value="#{options}"/>
</h:selectOneRadio>

Как вставить изображение перед каждым отдельным переключателем в приведенном выше коде?

1 Ответ

3 голосов
/ 10 ноября 2010

Я не думаю, что это возможно со стандартными компонентами JSF. Но вы можете использовать MyFaces Tomahawk для достижения этой цели. Компонент <t:selectOneRadio> предлагает макет spread. Таким образом, вы можете разместить каждую кнопку радио, где вы хотите. Примерно так: 

<t:selectOneRadio id="mySelectOneRadio" layout="spread">
   <f:selectItems value="#{options}"/>
</t:selectOneRadio>

<h:graphicImage value="/some/image1.png"/>
<t:radio for="mySelectOneRadio" index="0"/>

<h:graphicImage value="/some/image2.png"/>
<t:radio for="mySelectOneRadio" index="1"/>

..
...