GWT 100%高度面板带滚动条

时间:2010-06-10 10:03:16

标签: gwt

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

我需要一个主面板:

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

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

  3. 当我使用旧版面(RootPanel,VerticalPanel)时,我有滚动,但不能达到100%的高度。

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

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

    提前致谢!

2 个答案:

答案 0 :(得分:6)

我把它作为一个带有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>

答案 1 :(得分:0)

这就是我想要的:

  1. 您的第一个面板(根除外) 是一个ScrollPanel
  2. 你的第二个小组将是你的 LayoutPanel(或DockLayoutPanel if 你更喜欢)。