primefaces panelgrid colspan non funziona

Question

Sto provando a impostare un pannello in una finestra di dialogo. Tutto sembra funzionare tranne il colspan. Ho controllato questo post PrimeFaces panelGrid ma l'anno e mezzo vecchio. Dal manuale Primefaces e Showcase, colspan deve essere accettato da datatable e panelGrid.

  <h:form id="idFormAddDialog"> 

      <p:panelGrid id="idPanelAddUsers" columns="2"> 
       <h:outputLabel for="dAddOutUser" value="Username:"></h:outputLabel> 
       <h:inputText id="dAddOutUser" value="#{userController.username}"></h:inputText> 
       <h:outputLabel for="dSelRole" value="Role:"></h:outputLabel> 

       <h:selectOneMenu id="dSelRole" value="#{userController.role}"> 
        <f:selectItem itemLabel="Admin" itemValue="1"></f:selectItem> 
        <f:selectItem itemLabel="Researcher" itemValue="2"></f:selectItem> 
        <f:selectItem itemLabel="User" itemValue="3"></f:selectItem> 
       </h:selectOneMenu> 

       <h:outputLabel for="dAddINPassword1" value="Password: "></h:outputLabel> 
       <p:password id="dAddINPassword1" value="#{userController.password}" feedback="true"></p:password> 
       <p:row> 
        <p:column colspan="2"> 
         <p:separator></p:separator> 
         <!-- <p:separator></p:separator>--> 
        </p:column> 
       </p:row> 

       <p:commandButton value="OK" actionListener="#{userController.addUser()}" ></p:commandButton> 
       <p:button value="Cancel"></p:button> 
      </p:panelGrid> 
     </h:form> 

Ma non riesco a trovare quello che sto facendo male.

Answer 1

In primo luogo, se si desidera utilizzare p:row e p:column in p:panelGrid rimuovere columns attributo e gestire manualmente le righe e le colonne con p:row e p:column tag. Tutto all'interno di p:panelGrid deve trovarsi all'interno dei tag p:row. Esempio:

<p:panelGrid id="idPanelAddUsers"> 
    <p:row> 
    <p:column></p:column> 
    <p:column></p:column> 
    <p:column></p:column> 
    </p:row> 
    <p:row> 
    <p:column colspan="2"></p:column> 
    <p:column></p:column> 
    </p:row> 
</p:panelGrid>