2013-05-15 48 views
2

我無法找到關於如何使兩個(或多個)行上顯示一個項目的primefaces數據表示示例。 我需要在數據表中顯示的項目大約是這樣的:Primefaces數據表,多行上的項目

<table> 
    <tr> 
    <td>Text 1 from entry</td> 
    <td>Text 2 from entry</td> 
    </tr> 
    <tr> 
    <td colspan="2">Text 3 from entry</td> 
    </tr> 
</table> 

能不能做到,或者我應該使用一些其他的標籤來顯示這樣的嗎?

我想:

...xmlns:p="http://primefaces.org/ui"... 

<p:dataTable var="item" value="#{bean.items}"> 
    <p:column> 
    <p:row> 
     <p:column> 
     <h:outputText value="#{item.title}" /> 
     </p:column> 
     <p:column> 
     <h:outputText value="#{item.shortText}" /> 
     </p:column> 
    </p:row> 
    <p:row> 
     <p:column colspan="2"> 
     <h:outputText value="#{item.longText}" /> 
     </p:column> 
    </p:row> 
    </p:column> 
</p:dataTable> 

但很明顯這是錯誤的和/或我誤解了使用「P:行」的概念。我無法找到任何解釋如何正確地做到這一點,所以任何意見,將不勝感激。

回答

4

爲什麼不想使用可輕鬆實現此功能的<p:panelGrid>組件?

基本例如:

<p:panelGrid> 
    <p:row> 
     <p:column>Text 1 from entry</p:column> 
     <p:column>Text 2 from entry</p:column> 
    </p:row> 
    <p:row> 
     <p:column colspan="2">Text 3 from entry</p:column> 
    </p:row> 
</p:panelGrid> 

嵌入式,我們有:

<p:dataTable var="item" value="#{bean.items}"> 
    <p:column> 
     <p:panelGrid> 
      <p:row> 
       <p:column><h:outputText value="#{item.title}" /></p:column> 
       <p:column><h:outputText value="#{item.shortText}" /></p:column> 
      </p:row> 
      <p:row> 
       <p:column colspan="2"><h:outputText value="#{item.longText}" /></p:column> 
      </p:row> 
     </p:panelGrid> 
    </p:column> 
</p:dataTable> 
+0

沒錯。我知道有一個正確的方法,但無法找到如何去做。 –