jsf ui:repeat 并使用行值作为 id

Question

我有以下代码

            <ui:repeat value="#{monitorForm.customerList}" var="custRow">
                <h:outputText value="#{custRow.name}"/><br/>    

                <rich:dataTable id="tbl_#{custRow.id}" var="row" value="#{custRow.orderList}">
                   <!--  show sales orders -->
                </rich:dataTable>
            </ui:repeat>

为每一行生成的 HTML 是：

 <table cellspacing="0" cellpadding="0" border="0" id="monitorFrm:j_id392:0:tbl_" class="rich-table ">
      <colgroup span="0"></colgroup><tbody id="monitorFrm:j_id392:0:tbl_:tb"></tbody>
 </table>

在输出中，表格的 id 对于每一行都是空的：id="monitorFrm:j_id392:0:tbl_"

有没有办法动态使用#{custRow.id}作为表的id？

或者有其他方法吗？

Answer 1

如果我理解，您需要通过 Javascript 从客户端使用该表 ID...

如果是，也许您可​​以使用 ui:repeat 的 varStatus 代替 Id，并将该变量用作 DIV 元素的 id：

<ui:repeat value="#{monitorForm.customerList}" var="custRow" varStatus="st">
            <h:outputText value="#{custRow.name}"/><br/>    

            <div id="#{st.index}">
                  <rich:dataTable var="row" value="#{custRow.orderList}">
                  </rich:dataTable>
            </div>

如果您需要从客户端访问，您可以调用 DIV 并获取孩子...