h:selectOneRadio包含图像

Question

我有一个h:selectOneRadio标记，用于显示多个单选按钮：

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

现在，我希望单选按钮旁边有(可点击的)图像，而不是带有字符串值(标签)的单选按钮。这个是可能的吗？如果是这样的话，是怎么做的？

更新:实际上，应该有两个文本，以及一个带有问号的图像，当单击它时，它会显示一个模式面板。

Answer 1

您可以使用<h:outputLabel for="form:radioGroupId:X">并在其中放置一个<h:graphicImage>。(X是选项的编号)

当然，您必须有两个集合-一个包含项目，另一个包含图片，并分别迭代它们-一个使用<s:selectItems>，另一个使用<ui:repeat>。有点乏味。

Answer 2

你最好最干净的选择就是使用CSS背景图片。或者，您也可以在项目标签中设置itemLabelEscaped="false"并使用普通的HTML。