GWT 100% 高度面板，带滚动条答案

【问题标题】：GWT 100% height panel with scrollGWT 100% 高度面板，带滚动条
【发布时间】：2010-06-12 06:28:55
【问题描述】：

谁能帮我在 GWT 中进行正常布局。

我需要一个主面板：

填满所有浏览器空间（100% 高度）；
如果折叠过多会显示滚动条（自动滚动）。

当我使用旧布局（RootPanel、VerticalPanel）时，我可以滚动，但无法获得 100% 的高度。

当我使用新布局（RootLayoutPanel、DockLayoutPanel）时，我得到了 100% 的高度，但我没有得到任何滚动。而且我在IE中也遇到了一些麻烦。

是否有任何示例显示如何实现这两个目标？

提前致谢！

【问题讨论】：

标签： gwt

【解决方案1】：

我把它作为一个 RootLayoutPanel，里面有一个 DockLayoutPanel。中间是一个 ScrollPanel，它占据了剩余空间并在需要时提供滚动。我的 .ui.xml（UIBinder 的东西）看起来像这样：

<g:DockLayoutPanel unit="PX" ui:field="Dock">
            <!-- the g: north, west, east, south guys go here -->
    <g:center>
    <g:ScrollPanel addStyleNames='{style.document_area}'>
    </g:ScrollPanel>
    </g:center>
</g:DockLayoutPanel>

【讨论】：

【解决方案2】：

这是我会尝试的：

您的第一个面板（根目录除外）是一个滚动面板
您的第二个面板将是您的 LayoutPanel（或 DockLayoutPanel，如果你喜欢）。

【讨论】：

这不起作用：如果将 LayoutPanel 放在 ScrollPanel 中，会发生奇怪的事情：例如，将 DockLayoutPanel 放在任何“非布局面板”中，只会显示“北”。