Question

我正在使用 ui: repeat tag 来生成图像。我有五张图像, 我要在每次迭代上, 我的图像得到像图像1、 imp2、 imp2、 imp3.... 图像。我尝试过这个, 但是没有效果。

<div id="imageGallery">
    <ui:repeat value="#{countryPages_Setup.images}" var="image" varStatus="status">
        <tr>
            <td>
                <a href="javascript:void()" class="launchLink">
                    <p:graphicImage id="image#{status.index}"         //problem
                                    value="/resources/images/#{image}"
                                    width="100"
                                    height="100"
                                    rendered="#{countryPages_Setup.renderImages}"/>
                </a>
            </td>
        </tr>
    </ui:repeat>
</div>

我也尝试了 {staus.index + 1} 。我也尝试了 id = image\\\\\\ \ \ \ \ \ \ \ 但它也行不通。我该怎么做呢?

谢谢谢谢

Answer 1

您不能在 id 属性内使用 El 表达式。它必须是静态的。 ui: repeat 本身会生成id的前缀。您不需要关注独一性。

例如,如果您有一个 id=“ 图像” ,那么生成的ids就是

some Prefix:0:image , someprefix:1:image ,...

Answer 2

您可以在 id 属性中使用EL, 但必须在视图构建时间里使用。 lt; ui: repeat> 无论在视图转换时间期间运行, 它会重新使用相同的 lt; p:graphicImaage> 来生成多个 HTML ; lt; img> 元素。它不会在视图构建时间里运行, 因此 id 仍然保留 image 。

如果您将替换为 , 那么它就会按照您想要的那样工作。在视图构建时间运行, 它会生成多个组件, 然后每个组件只能完成一次。

<div id="imageGallery">
    <c:forEach items="#{countryPages_Setup.images}" var="image" varStatus="status">
        <tr>
            <td>
                <a href="javascript:void()" class="launchLink">
                    <p:graphicImage id="image#{status.index}"
                                    name="images/#{image}"
                                    width="100"
                                    height="100"
                                    rendered="#{countryPages_Setup.renderImages}"/>
                </a>
            </td>
        </tr>
    </c:forEach>
</div>

Answer 3

但您可以在 Javascript 中使用变量,例如:

<h:graphicImage ... onclick="top.location.href= http://blabla.com/imageclicked?id=#{status.index} "/>

您也可以使用事件处理器的变量(自 JSF 2. 0):

<h:commandLink ... action="#{myBean.imageClicked(status.index)"/>

但您使用 < code> c: forEach 的环路可能会造成问题。请注意, JSTL 标签( 以 < code> c: 开头的所有标签) 与 JSF 不完全兼容。如果您运气好, 那么它们就会按预期工作。但是无论如何, 翻版引擎会放慢速度, 因为页面会多次被 JSF 和 JSP 打印引擎处理。

更好地使用 ui:repeat 。

Answer 4

只需将更改为

友情链接