有条件地渲染 tr,使用 ui:repeat 构建表

Posted

技术标签:

【中文标题】有条件地渲染 tr,使用 ui:repeat 构建表【英文标题】:conditionally rendering tr, building table using ui:repeat 【发布时间】:2013-06-16 01:32:27 【问题描述】:

我正在尝试使用 ui:repeat 在 JSF 中手动构建 html 表单。 现在我在“渲染”属性方面遇到了一些麻烦。我的代码如下:

<ui:repeat varStatus="status" value="#bean.keys" var="key">
    <tr jsf:rendered="#status.index%4==0">
        <td id="#key">
             contents
        </td>
    </tr> <!--or even </tr  jsf:rendered="#status.index%4==0">-->
</ui:repeat>

我尝试有条件地渲染&lt;tr&gt; 标签,但我想在每次迭代时无条件地渲染子元素&lt;td&gt;。我知道这不是 JSF 的标准行为,因为默认情况下它不会显示未渲染元素的子元素,但是还有其他方法可以实现此要求吗? 我也试过:

<tr>
    <ui:repeat varStatus="status" value="#bean.keys" var="key">
        <td id="#key">
             contents
        </td>
        <h:panelgroup rendered="#status.index%4==0"></tr><tr></h:panelgroup>
    </ui:repeat>
</tr>

但最后一个片段不会解析,因为关闭是意外的(它需要 h:panelgroup 的结束标记)

【问题讨论】:

【参考方案1】:

将其作为转义的 HTML 发送。

<h:outputText value="&lt;/tr&gt;&lt;tr&gt;" escape="false" rendered="#status.index%4==0" />

escape="false" 只是为了避免 JSF 再次逃脱它作为 XSS 攻击预防的一部分,这将导致它最终成为 &amp;amp;lt;/tr&amp;amp;gt;&amp;amp;lt;tr&amp;amp;gt;

【讨论】:

感谢您的聪明解决方案。正是我想要的。

以上是关于有条件地渲染 tr,使用 ui:repeat 构建表的主要内容,如果未能解决你的问题,请参考以下文章

达到 ui:repeat 的最后一项时如何有条件地设置样式类?

是否可以使用ui:在ui中重复:include

ui:repeat 中条件渲染子类的 PropertyNotFoundException

如何使用 <f:ajax render> 重新渲染 <ui:repeat>

c:forEach vs ui:repeat(又名 ice:panelSeries)

使用 Futurebuilder 有条件地渲染小部件