0

だから私はドック レイアウト パネルを使用しています。北にはタイトルとメニューバーがあり、中央にはテーブルがあります。私の問題は、タイトルが長くなってテキストを折り返すと、メニューバーが押し下げられて見えなくなることです。これは、中央を除くすべてのパネルに固定サイズを設定する必要があるためです。

すべてを中央のパネルに移動することを考えましたが、問題は、テーブルが大きくなり、スクロール バーが表示されると、テーブルをスクロールしてもヘッダーとメニューバーを常に表示したいということです。そのため、すべてをスクロールパネルに入れることはできません。

これらの要件を満たすレイアウトを作成するにはどうすればよいですか? 1. タイトルとメニューバーを常に表示する 2. スクロール可能なテーブル 3. ウィンドウのサイズが変更され、タイトルのテキストが折り返されると、全体が正しくサイズ変更されます。

これが今のレイアウトです：

<g:DockLayoutPanel >
        <g:north size="80">
            <g:VerticalPanel width="100%">
                    <g:HorizontalPanel width="100%">
                        <g:HTML ui:field="title" styleName="{style.title}"></g:HTML>
                    </g:HorizontalPanel>
                    <g:HorizontalPanel styleName="{style.infoBar}" width="100%">
                        <g:MenuBar animationEnabled="true" styleName="{res.css.menuBar}" focusOnHoverEnabled="false" ui:field="menuBar"></g:MenuBar>
                    </g:HorizontalPanel>
                </g:VerticalPanel>
            </g:north>
            <g:center>
                <g:ScrollPanel>
                    <g:SimplePanel ui:field="content" styleName="{style.content}">Table or tree goes here
                    </g:SimplePanel>
                </g:ScrollPanel>
            </g:center>
            <g:south size="20">
                <g:VerticalPanel styleName="{style.footerPanel}">
                    <g:HTML ui:field="messageBar">Fotter text here</g:HTML>
                </g:VerticalPanel>
            </g:south>
        </g:DockLayoutPanel>
4

2 に答える 2

0

タイトルとメニューが互いの下に表示される場合は、タイトルとメニューを別々の北パネルに配置できます (実際には機能します)。

これにより、少なくともメニューが表示されることを確認できます。

于 2013-11-05T17:00:54.917 に答える