GWT中ScrollPanel內的DockLayoutPanel

Question

我正在使用GWT 2.4，我在為我的應用程序正常工作設置滾動條時遇到問題。 當我嘗試縮放頁面時 - 現在不顯示整個頁面的滾動條。

目前我的應用程序由DockLayoutPanel組成，並以下列方式顯示：

private DockLayoutPanel appContainer = new DockLayoutPanel(Style.Unit.PX);
(...)
appContainer.addNorth(bannerSimplePanel, 104);
appContainer.addWest(menuSimplePanel, 200);
appContainer.add(new ScrollPanel(contentSimplePanel));

RootLayoutPanel.get().add(appContainer);

我希望為整個頁面配置滾動條，而不是僅為頁面的“主要內容”（contentSimplePanel）配置滾動條。 我試圖將滾動條添加到最后一步：

RootLayoutPanel.get().add(new ScrollBar(appContainer));

但它不起作用。 使用ScrollBar添加整個appContainer時，只有橫幅顯示在我的頁面上，其余為黑色。

謝謝你的幫助。

Answer 1

Adding   DocklayoutPanel to a ScrollPanel won't work. The inner layout
panel's height and width will be zero. 

使用

dockLPanel.getWidgetContainerElement(flowPanel).getStyle().setOverflowY(Overflow.AUTO); 

看看這個

https://groups.google.com/forum/?fromgroups=#!topic/google-web-toolkit/BnboxugPuJQ

Answer 2

我想這是一個簡單的修復。

ScrollPanel sp = new ScrollPanel();
sp.setSize( "100%", "100%" );

private DockLayoutPanel appContainer = new DockLayoutPanel( Style.Unit.PX );
appContainer.addNorth( bannerSimplePanel, 104 );
appContainer.addWest( menuSimplePanel, 200 );
appContainer.add( contentSimplePanel );

sp.add( appContainer );
RootLayoutPanel.get().add( sp );