các nguyên tố panelgrid colspan không hoạt động

Question

Tôi đang cố gắng đặt một ô điều khiển bên trong hộp thoại. Mọi thứ dường như đang hoạt động ngoại trừ colspan. Tôi đã kiểm tra bài đăng này PrimeFaces panelGrid nhưng năm của nó và một nửa tuổi. Từ sổ tay hướng dẫn và trưng bày, colspan nên được chấp nhận bởi datatable và 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> 

Nhưng tôi không thể tìm thấy những gì tôi đang làm sai.

Answer 1

Thứ nhất, nếu bạn muốn sử dụng p:row và p:column trong p:panelGrid remove columns thuộc tính, và quản lý các hàng và cột bằng tay với p:row và p:column thẻ. Mọi thứ bên trong p:panelGrid phải nằm trong các thẻ p:row. Ví dụ:

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