2010-06-10 129 views
4

任何人都可以幫助我在GWT中進行正常佈局。GWT 100%高度面板與滾動

我需要一個主面板,其中:

  1. 填充所有的瀏覽器空間(100%的高度);

  2. 如果被摺疊得太多,顯示滾動條(自動滾動)。

當我使用舊的佈局(RootPanel,VerticalPanel)我有滾動,但無法獲得100%的高度。

當我使用新的佈局(RootLayoutPanel,DockLayoutPanel)我得到100%的高度,但我沒有得到任何滾動。而且我在IE中也有一些麻煩。

有沒有示例顯示如何實現這兩個目標?

在此先感謝!

回答

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

這是我想嘗試:

  1. 你的第一個面板(除了根) 是ScrollPanel
  2. 你的第二個小組將您 LayoutPanel(或DockLayoutPanel如果 你喜歡)。
+0

這是行不通的:如果你把一個LayoutPanel在ScrollPanel奇怪的事情會發生:例如放置DockLayoutPanel任何「一事─佈局面板「將僅顯示」北「。 – dermoritz 2012-07-16 10:24:15