小编Sar*_*sad的帖子

我有一个带有"标题","页脚","侧边菜单"和"内容区域"的页面.

我正在尝试使用PrimeFaces布局来安排它们,如下所示:

标题 - >北

页脚 - >南

侧面菜单 - >东

内容区 - >中心

乍一看,它工作正常.

但是,我的侧边菜单包含将更改中心区域内容的链接.目前,当我单击其中一个链接时,如果新内容的长度大于为中心layoutunit定义的长度,则中心区域的内容将发生变化,并且中心区域将出现垂直滚动条.

我正在寻找的行为是动态调整中心区域的大小,按下页脚(南layoutunit)并显示整个页面的滚动条.

我正在使用PrimeFaces布局是否正确？我应该用别的吗？

这是我的"身体"代码:

<h:body>

<p:layout fullPage="true">

    <p:layoutUnit position="north" size="100">
        <ui:include src="header.xhtml" />
    </p:layoutUnit>

    <p:layoutUnit position="south" size="200">
        <ui:include src="footer.xhtml" />
    </p:layoutUnit>

    <p:layoutUnit position="east" size="260">
        <ui:include src="side-menu.xhtml" />
    </p:layoutUnit>

    <p:layoutUnit position="center">
        <ui:insert name="body-content">
        </ui:insert>
    </p:layoutUnit>
</p:layout>
</h:body>

谢谢你的帮助