有条件地渲染 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>
我尝试有条件地渲染<tr>
标签,但我想在每次迭代时无条件地渲染子元素<td>
。我知道这不是 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="</tr><tr>" escape="false" rendered="#status.index%4==0" />
escape="false"
只是为了避免 JSF 再次逃脱它作为 XSS 攻击预防的一部分,这将导致它最终成为 &amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;
【讨论】:
感谢您的聪明解决方案。正是我想要的。以上是关于有条件地渲染 tr,使用 ui:repeat 构建表的主要内容,如果未能解决你的问题,请参考以下文章
达到 ui:repeat 的最后一项时如何有条件地设置样式类?
ui:repeat 中条件渲染子类的 PropertyNotFoundException
如何使用 <f:ajax render> 重新渲染 <ui:repeat>