jsf - primefaces panelgrid colspan无法正常工作

Question

我正在尝试在对话框中设置panelgrid。除了colspan以外，其他所有功能似乎都可以正常工作。我检查了这个帖子PrimeFaces panelGrid，但它已经一年半了。从primefaces手册和展示中，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:row中使用p:column和p:panelGrid，请删除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>