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

我使用

f:selectItems

构建了单选按钮组。我构建了单选按钮，如下所示

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

---

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

我认为标准JSF组件不可能做到这一点。但你可以用MyFaces战斧来实现这一点。

组件提供

排列

布局。这样你就可以把每个单选按钮放在你想放的任何地方。大概是这样的：

<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"/>

..

..