为每个分配唯一的客户端ID <rich:dataTable /> 行？

Question

我在Seam中使用UI相对较新，因此希望在以下示例中可以用一些简单的东西替换UNIQUE_ID的三个实例。

目的是要有一个<rich:dataTable />其中每一行都可以显示/隐藏一个<rich:modalPanel />其中包含有关特定对象实例的更多详细信息。

<rich:dataTable var="object" value="#{bean.myObject}">
  <rich:column>
    <h:outputText value="#{object.summary}" />
  </rich:column>

  <rich:column>
    <a onclick="Richfaces.showModalPanel('UNIQUE_ID');" href="#">Show Details in ModalPanel</a>
    <a4j:form>
      <rich:modalPanel id="UNIQUE_ID" >
        <a onclick="Richfaces.hideModalPanel('UNIQUE_ID');" href="#">Hide This ModalPanel</a>
        <h:outputText value="#{object.details}" />
      </rich:modalPanel>
    </a4j:form>
  </rich:column>
</rich:dataTable>

如果我只有一对link / modalPanel对，这显然是微不足道的，但是我不知道在<rich:dataTable />的迭代范围内该怎么做。 同样，如果进一步使事情复杂化，该页面还将包含许多<rich:dataTable /> ，每个都实现此行为。

Answer 1

看一下<rich:componentControl />标记。

使用attachTo来“绑定”事件，以使用for属性显示要弹出的modalPanel。

例如：

<h:outputLink id="modalPanelLink" value="#">Show Details
    <rich:componentControl attachTo="modalPanelLink" for="modalPanelId" event="onclick" operation="show" />
</h:outputLink>