java - 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));

但它没有用。为整个 appContainer 添加 ScrollBar 后，我的页面上仅显示横幅，其余为黑色。

谢谢你的帮助。

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 );