Primefaces 5：使用兩列數據表查看數據

Question

我在Glassfish服務器4.1上使用Primefaces 5和JDK 1.8。

我創建了一個頁面的XHTML結構如下（）：

<p:dataTable value="#{myBean.myList}" ...> 
    <p:column>MyLabel</p:column> 
    <p:column>MyImage</p:column> 
    <p:column>MyDescription</p:column> 
</p:dataTable> 

所以我在輸出中看到的一個表3列：

label, image and description 
label, image and description 
label, image and description 
label, image and description 
label, image and description 
label, image and description 
... 

對象myList中我的豆返回約50顯示在我的頁面上的行。 如何查看2列上的這些行？如：

label, image and description   label, image and description 
label, image and description   label, image and description 
label, image and description   label, image and description 

謝謝。

Answer 1

定義它包裝兩個實體中的一個對象的輔助類：

public class DoubleItem{ 

    private String label; 
    private String imageUrl; 
    private String description; 

    private String label2; 
    private String imageUrl2; 
    private String description2; 

    //Getters & setters 

} 

然後在你的託管bean初始化您從當前列表轉換爲一個List<DoubleItem>，這樣你就可以在視圖中遍歷它：

<p:dataTable value="#{myBean.doubleItemList}" var="doubleItem"> 
    <p:column>#{doubleItem.label}</p:column> 
    <p:column>#{doubleItem.imageUrl}</p:column> 
    <p:column>#{doubleItem.description}</p:column> 
    <p:column>#{doubleItem.label2}</p:column> 
    <p:column>#{doubleItem.imageUrl2}</p:column> 
    <p:column>#{doubleItem.description2}</p:column> 
</p:dataTable> 

Answer 2

你應該放入數據網格。

<p:dataGrid value="#{myBean.myList}" columns="3" layout="grid" paginator="true" ...> 
    <p:column>MyLabel</p:column> 
    <p:column>MyImage</p:column> 
    <p:column>MyDescription</p:column> 
    </p:dataGrid> 

https://www.primefaces.org/showcase/ui/data/dataGrid.xhtml