primefaces panelgrid colspan nie działa

Question

Próbuję ustawić panel w oknie dialogowym. Wszystko wydaje się działać, z wyjątkiem colspanu. Sprawdziłem ten wpis: PrimeFaces panelGrid, ale jego rok i pół roku. Z podręcznika manualnego i showcase, colspan powinien być akceptowany przez datatable i 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> 

Ale nie jestem w stanie znaleźć tego, co robię źle.

Answer 1

Po pierwsze, jeśli chcesz używać p:row i p:column w p:panelGrid remove columns atrybutu, a ręczne zarządzanie wiersze i kolumny p:row i p:column tagów. Wszystko wewnątrz p:panelGrid musi znajdować się wewnątrz tagów . Przykład:

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