DockLayoutPanel 文本换行问题

Question

所以我正在使用停靠布局面板。在北部，我有一个标题和菜单栏，中心有一张桌子。我的问题是当标题变长并包裹文本时，它会将菜单栏向下推，您再也看不到它。这是因为您必须为除中心之外的所有面板设置固定尺寸。

我曾考虑将其全部移到中心面板，但问题是当我的表格变大并且出现滚动条时，即使在表格上滚动时，我也希望始终看到标题和菜单栏。所以我不能把所有东西都放在滚动面板中。

如何创建满足这些要求的布局： 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>

Answer 1

你试过使用两个 DockLayoutPanel 吗？

第一个在中心区域有标题，在南部有另一个 DockLayoutPanel，菜单在北部区域，表格在中心？

Answer 2

如果标题和菜单可能显示在彼此下方，您可以将标题和菜单放在单独的北面板中（这确实有效）。

这样您至少可以确保显示菜单。