素数面板网格colspan不工作

Question

我正试图在对话框中设置一个面板网格。除了colspan，一切似乎都在工作。我已经检查了这个帖子PrimeFaces面板网格，但它已经有一年半的历史了。从primefaces手册和showcase来看，colspan应该被datatable和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>

但是我找不到我做错了什么。

Answer 1

首先，如果要在p:panelGrid中使用p:row和p:column，请删除columns属性，并使用p:row和p:column标记手动管理行和列。p:panelGrid中的所有内容都必须在p:row标记中。示例：

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