1

次の問題があります。設定すると、すべて正常に動作します。ただし、上、左、右の余白が必要なので、fullPage を false に設定します。次に、id 'south' (および南の位置) を持つ layoutUnit がページの上部に表示されます。それを修正しようとしましたが、効果はありませんでした。

これが私のテンプレートのコードです：

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<f:view contentType="text/html" id="fview">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>#{msg['Title']}</title>
<f:metadata>
    <ui:insert name="metadata" />
</f:metadata>

<h:head>


<h:head>



<p:layout fullPage="false" style="margin: 2em !important;">
    <p:layoutUnit position="north" size="100" id="north" style="box-shadow: 5px 5px 5px #888888;">
        <ui:include src="header.xhtml" />
    </p:layoutUnit>

    <p:layoutUnit position="west" id="west" resizable="false" header="#{msg['menuTitle']}" style="height:500px;overflow:hidden;box-shadow: 5px 5px 5px #888888;" size="225">
        <ui:include src="menu.xhtml" />
    </p:layoutUnit>

    <p:layoutUnit styleClass="styleOrange" position="center" style="padding:20px;box-shadow: 5px 5px 5px #888888;">
        <h:form id="mainForm">
            <p:messages autoUpdate="true" id="msgs" showDetail="true" showSummary="true" />
            <ui:insert name="content" />
        </h:form>
    </p:layoutUnit>
    <p:layoutUnit position="south" resizable="false" id="south" style="box-shadow: 5px 5px 5px #888888;">
        <ui:include src="footer.xhtml" />
    </p:layoutUnit>
</p:layout>


</h:head>
</h:head>
<h:body onload="statusDialog.hide();">
</h:body>

</f:view>
</html>
4

2 に答える 2

1

中央のレイアウト ユニットを除いて、他のレイアウト ユニットは size オプションで寸法を定義する必要があります。南ユニットに追加してみる

于 2013-09-25T06:07:13.713 に答える
0

フッターは、サイズのないビューの範囲外です。中央の layoutUnit がすべてのスペースを占有します。レイアウト要素の fullPage 属性を true に変更してみてください。フッターが表示されます。

<p:layout fullPage="true" style="margin: 2em !important;">
于 2014-06-22T20:12:07.580 に答える