GWT 100%高度面板带滚动条

Question

任何人都可以帮我在GWT中进行正常的布局.

我需要一个主面板:

1. 填充所有浏览器空间(100%高度);

2. 如果被折叠太多则显示滚动条(自动滚动).

当我使用旧布局(RootPanel,VerticalPanel)时,我有滚动,但不能获得100%的高度.

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

是否有任何样本展示如何实现这两个目标？

提前致谢!

Answer 1

我把它作为一个带有DockLayoutPanel的RootLayoutPanel.在中心是一个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>