自定义选择项

Question

我想自定义 selectItems 在每个复选框旁边有条件地显示图像 所以首先我尝试显示所有复选框的图像 但它只显示一次，这是我尝试过的：

<h:selectManyCheckbox value="#{myBean.checkboxesArry}" layout="pageDirection">

              <f:selectItems value="#{myBean.mapOfCheckBoxes}" var="entry">                            
                <label>           
                <ice:graphicImage url="/resources/images/myImage.bmp"/>            
                <b>#{entry.value}</b>           
                </label>
              </f:selectItems>

            </h:selectManyCheckbox>

请告知如何实现？

Answer 1

您不能以这种方式将 UI 组件嵌套在 <f:selectItems> 中。但是，我看到您使用的是 ICEfaces，然后您应该可以将 <ice:selectManyCheckbox layout="spread"> 与 <ice:checkbox> 结合使用。

<ice:selectManyCheckbox id="foo" value="#{myBean.checkboxesArry}" layout="spread">
    <f:selectItems value="#{myBean.mapOfCheckBoxes}" />
</ice:selectManyCheckbox>

<c:forEach items="#{myBean.mapOfCheckBoxes}" var="entry" varStatus="loop">
    <ice:checkbox for="foo" index="#{loop.index}" />
    <ice:graphicImage url="/resources/images/myImage.bmp" />
    <b>#{entry.value}</b>
</c:forEach>

（未经测试，因为我不使用 ICEfaces，但上述构造适用于 Tomahawk，ICEfaces 基本上已从中复制了实现；您也可以使用 <ui:repeat>，但它仅支持 Map，因为 JSF 2.1 )

另见：

• Radio buttons in different parts of the page