p : dataGrid에서 문자열의 arraylist를 표시하는 방법?

Question

나는 ajax 기능을 사용하여 이름을 추가하고 하나의 이미지 (텍스트 왼쪽)와 하나의 "X"이미지 (삭제할 수있는 권리)가있는 테이블 방식으로 동일한 페이지에 표시합니다. 왼쪽에서 오른쪽으로 추가해야하며 한 행을 완료 한 후 다음 행부터 시작해야합니다.

그래서 p : datagrid 또는 동일한 기능을 사용할 수있는 다른 태그에 문자열의 arraylist를 표시해야합니다.

나는 ui : repeat와 p : panelgrid의 조합으로 시도했지만 데이터 그리드를 얻지 못했습니다. funtionallty. p : dataTable을 사용하지 않았습니다. 왜냐하면 필요에 따라 하단에 새 요소를 추가 할 것이기 때문입니다.

P. 이미지 X 가까운 상징

<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> 

결과는 다음과 같이되어야

...

% ABC는 X % XYZ X %의 DFD X

PLZ 고려 %

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>