1

「ヘッダー」、「フッター」、「サイドメニュー」、「コンテンツエリア」のあるページがあります。

次のように、PrimeFaces レイアウトを使用して配置しようとしています。

ヘッダー --> 北

フッター --> 南

サイドメニュー --> 東

コンテンツエリア --> センター

一見すると、うまく機能しています。

ただし、私のサイド メニューには、中央エリアのコンテンツを変更するリンクが含まれています。現在、リンクの 1 つをクリックすると、中央のレイアウト ユニットに定義されている長さよりも新しいコンテンツの長さが長い場合、中央領域のコンテンツが変更され、垂直スクロール バーが中央領域に表示されます。

私が探している動作は、中央領域のサイズを動的に変更し、フッター (南レイアウトユニット) を押し下げ、ページ全体のスクロール バーを表示することです。

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>

ご協力いただきありがとうございます

4

1 に答える 1