Question

我最近开始使用primefaces为大学的小项目快速制作一些东西，我选择了<p:layout>组件。在我搜索的任何地方使用相同的代码形式后，我向datatable添加了layoutUnit但是在部署时datatable没有显示，也没有生成异常

我确实检查了结果网页，发现datatable但是空的，高度为0px

任何想法？如何解决？

注意：datatable在任何LayoutUnit个组件

之外都可以正常工作

这是布局代码

<p:layout fullPage="true">
            <p:layoutUnit position="north" size="60" style="border : dashed;">
                <h:form>
                    <p:menubar style="background-color: #034257" toggleEvent="hover">

                        <p:menuitem label="Home" action="#{BackingBookService.retrieveBooks()}" value="Home" style="float: right;background-color: azure"
                                    icon="ui-icon-home"/>
                        <p:submenu label="Categories" style="background-color: azure" model="">
                        </p:submenu>
                        <p:submenu label="Authors" style="background-color: azure">
                            <p:menuitem value="Youtube" url="http://www.youtube.com" />
                            <p:menuitem value="Break" url="http://www.break.com" />
                        </p:submenu>

                        <p:menuitem value="USERX" for="logoutbutton"></p:menuitem>
                        <p:menuitem  id="logoutbutton" label="Logout" action="#{BackingBookService.retrieveBooks()}" value="Logout" style="float: right;background-color: azure"
                                     icon="ui-icon-disk"/>
                    </p:menubar>
                </h:form>
            </p:layoutUnit>
            <p:layoutUnit position="south" size="100" >

            </p:layoutUnit>
            <p:layoutUnit position="west" size="300" >
                <h:outputText value="Left content" />
            </p:layoutUnit>
            <p:layoutUnit position="east" size="200" >
                <h:outputText value="Right Content" />
            </p:layoutUnit>
            <p:layoutUnit position="center">
                <h:outputText value="Books By Categories"></h:outputText>
                <ui:component>
                        <p:dataTable var="Books" value="#{BackingBookService.bookList}" initMode="immediate" style="width: 100%;">
                            <p:columns value="#{BackingBookService.columns}" var="column"
                                       sortBy="#{column.property}" filterBy="#{column.property}">
                                <f:facet name="header">
                                    #{column.header}
                                </f:facet>
                                <h:outputText value="#{Books[column.property]}" />
                            </p:columns>
                        </p:dataTable>
                </ui:component>
            </p:layoutUnit>
        </p:layout>

这就是网页的方式 webpage

因此，datatable应该已经按类别outputtext排在书本之下，但它不是

问题与Primefaces＆＃39;使用数据表时的布局和布局单位

0 个答案: