如何在 ui:repeat 中设置组件/标签的 id

Question

我正在尝试将 id 分配给 <ui:repeat> 内的组件，如下所示：

<ui:repeat value="#{bean.columns}" var="column">
    <h:panelGroup layout="block" id="column_#{column.id}" 
        styleClass="#{column.id} dashboard_column">

问题是#{column.id} 值被正确放置在styleClass 值中，但它没有被设置在id 属性中。 id 属性中设置的所有内容都是由 JSF 自动生成的 id + 我的硬编码值 column_。

如果我删除硬编码的column_，我会得到一个异常：

java.lang.IllegalArgumentException：组件标识符不能是零长度字符串 在

有什么想法吗？

Answer 1

这对于诸如<ui:repeat> 之类的渲染时标签是不可能的。但是，<ui:repeat> 本身已经通过在其前面加上行索引来确保生成的客户端 ID 的唯一性。所以只需从组件的 ID 属性中删除 EL 部分即可。

<ui:repeat value="#{bean.columns}" var="column">
    <h:panelGroup layout="block" id="column">

使用诸如<c:forEach> 之类的视图构建时间标记（基本上会生成多个<h:panelGroup> 组件，而不是只生成一个多次呈现的组件），可以指定这样的动态ID。

<c:forEach items="#{bean.columns}" var="column">
    <h:panelGroup layout="block" id="column_#{column.id}">

（您应该只是 well aware 了解 JSTL 在 Facelets 中的工作方式）

另一种方法是使用静态<div> 元素而不是JSF <h:panelGroup layout="block"> 组件。

<ui:repeat value="#{bean.columns}" var="column">
    <div id="column_#{column.id}">

另见：

• JSTL in JSF2 Facelets... makes sense?

Answer 2

JSF 自动为 id 添加前缀。如果你只是写 id="column" 生成的 HTML 将包含这样的标识符：

myForm:0:column 我的表格：1：列 myForm:2:列

等等。

无论如何：不要在 JSF 模板中使用 JSTL 标记（如 c:foreach 和 c:if）。它们会导致随机行为，很难调试。如果它们起作用，应用程序的速度就会大大降低。

对循环使用 ui:repeat，对条件块使用 ui:fragment。请注意，c:set 没有替代品，这样的构造在 JSF 2 中不再存在。