如何在p：dataGrid中顯示字符串的數組列表？

Question

我有ajax功能添加名稱並以表格方式在一個圖像（文本左側）和一個「X」圖像（右側刪除）上顯示在同一頁面上。它應該像從左到右一樣添加，在完成一行之後，它應該從下一行開始。

所以我需要在p：datagrid中顯示字符串的arraylist或任何其他可用於相同功能的標籤。

我嘗試過使用ui：repeat和p：panelgrid的組合，但我無法獲取datagrid funtionallty。我沒有使用p：dataTable，因爲它會在底部添加新元素而不是我所需要的。

P.S.

<h:form> 

     <h:selectOneMenu id="recepients" value="#{controller.selected}"> 
      <f:selectItem itemLabel="Select" itemValue=""></f:selectItem> 
      <f:selectItem itemLabel="Info1" itemValue="Info1"></f:selectItem> 
      <f:selectItem itemLabel="Info2" itemValue="Info2"></f:selectItem> 
      <f:selectItem itemLabel="Info3" itemValue="Info3"></f:selectItem> 
      <f:selectItem itemLabel="Info4" itemValue="Info4"></f:selectItem> 
      <f:selectItem itemLabel="Info5" itemValue="Info5"></f:selectItem> 


     </h:selectOneMenu> 
     <p:commandButton value="Add" action="#{controller.submit}" 
      update="nameslist" /> 

     <p:dataGrid id="nameslist" value="#{controller.tempNameList}" 
      var="name" columns="3"> 
      <p:column> 
       <p:outputLabel value="%" /> 
      </p:column> 
      <p:column> 
       <p:outputLabel value="#{name}" /> 
      </p:column> 
      <p:column> 
       <p:commandLink value="X" action="#{controller.delete(name)}" 
        update="nameslist"> 
       </p:commandLink>     


      </p:column> 

     </p:dataGrid> 
    </h:form> 

結果應該是這樣的......

％美國廣播公司X ％的Xyz X ％DFD X

PLZ考慮％作爲圖像和X接近符號

Answer 1

的<p:dataGrid>不支持<p:column>。此列布局僅適用於<p:dataTable>。

將所有這些<p:column>替換爲單個分組組件，例如， <h:panelGroup>或者<p:panel>，正如showcase site所示。

<p:dataGrid id="nameslist" value="#{controller.tempNameList}" var="name" columns="3"> 
    <h:panelGroup> 
     <p:outputLabel value="%" /> 
     <p:outputLabel value="#{name}" /> 
     <p:commandLink value="X" action="#{controller.delete(name)}" update="nameslist" /> 
    </h:panelGroup> 
</p:dataGrid>