带滚动条的 GWT 100% 高度面板

Question

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

我需要一个主面板:

填充所有浏览器空间(100% 高度)；

如果折叠太多会显示滚动条(自动滚动)。

当我使用旧布局(RootPanel、VerticalPanel)时，我有滚动，但无法获得 100% 的高度。

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

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

提前致谢!

Answer 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>