Primefaces面板网格的colspan属性无法正常工作

9

我试图在对话框中设置一个面板网格。除了跨列之外,似乎一切都正常。我已经检查了这篇帖子PrimeFaces panelGrid,但是那已经过去了一年半了。根据primefaces手册和展示,跨列应该被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>

但我找不出我做错了什么。

1个回答

23

首先,如果您想在p:panelGrid中使用p:rowp:column,请删除columns属性,并使用p:rowp: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>

非常感谢。我在手册中找到了关于colspan和rowspan的说明:“PanelGrid也支持rowspan和colspan选项,此时需要手动定义行和列标记。”再次感谢您的快速回复。 - Alexandre Alves

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接