如何在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>