如何使用f：selectItems在每个单选按钮之前插入图像

Question

我使用f:selectItems构建了单选按钮组。我按如下方式构建了单选按钮

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

如何在上述代码中的每个单选按钮之前插入图像？

Answer 1

我不认为使用标准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"/>

..