為每個分配唯一的客戶端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>