文本换行的DockLayoutPanel问题

Question

所以我使用的是dock布局面板。在北面，我有一个标题和菜单栏，中间有一张桌子。我的问题是，当标题变长并环绕文本时，它会将菜单栏向下推，您将无法再看到它。这是因为您必须为除中心之外的所有面板设置固定大小。

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

如何创建满足以下要求的布局: 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

如果标题和菜单可以显示在彼此的下面，你可以把标题和菜单放在单独的北面板中(这实际上是可行的)。

这样，你至少可以确保菜单被显示出来。