Web applications GWT中DocklayoutPanel的大小调整和滚动问题_Web Applications_Gwt_Layout_Browser

Web applications GWT中DocklayoutPanel的大小调整和滚动问题

web-applications gwt layout browser

Web applications GWT中DocklayoutPanel的大小调整和滚动问题,web-applications,gwt,layout,browser,Web Applications,Gwt,Layout,Browser,我正在使用GWT创建一个web应用程序。我的基本面板是一个RootLayoutPanel，我在上面添加了一个DockLayoutPanel，我将组件（聊天室、表格等）附加在上面我的问题在于更改浏览器窗口的大小。我希望我的页面只调整到某个最小尺寸，然后我希望滚动条变为活动状态我尝试使用overflow和min width css属性，但它似乎不起作用：如果我将DockLayoutPanel的min width设置为800px（例如），面板将仅在浏览器窗口的宽度为800px之前完全可见，这是正确

我正在使用GWT创建一个web应用程序。我的基本面板是一个RootLayoutPanel，我在上面添加了一个DockLayoutPanel，我将组件（聊天室、表格等）附加在上面

我的问题在于更改浏览器窗口的大小。我希望我的页面只调整到某个最小尺寸，然后我希望滚动条变为活动状态

我尝试使用overflow和min width css属性，但它似乎不起作用：如果我将DockLayoutPanel的min width设置为800px（例如），面板将仅在浏览器窗口的宽度为800px之前完全可见，这是正确的，但是，如果我再次减小窗口大小，滚动条将不会激活，面板的更多外部部分将无法以任何方式查看

我希望我的解释已经够清楚了。谢谢你的建议。

试试看

RootLayoutPanel().get().add(new ScrollPanel(dockLayoutPanel));

不确定它是否仍然有用，但我遇到了类似的问题并找到了这样的解决方案——正如在我在我的根html页面中添加了如下标记：

<body>
..
<div id="main" ></div>
..
</body>

请注意，您必须明确设置面板的大小，以便在网页上正确显示。

当面板大小超过窗口大小时，您现在应该像在任何其他网页上一样进行滚动。

我认为DocLayoutPanel不能包含在ScrollPanel中。很抱歉，它似乎不起作用。实际上，它根本没有显示内部DockLayoutPanel。我现在没有带电脑，所以我无法在我的代码上测试它，但你写的东西确实有意义。非常感谢你的回答。

interface Binder extends UiBinder<Widget, BasicApp> { }
private static final Binder binder = GWT.create(Binder.class);

public void onModuleLoad() {
  DockLayoutPanel outer = binder.createAndBindUi();
  RootLayoutPanel.get().add(outer);
}

public void onModuleLoad() {
    DockLayoutPanel outer = binder.createAndBindUi();
    LayoutPanel panel = new LayoutPanel();
    panel.add(outer);
    RootPanel.get("main").add(panel);
    panel.setSize("800px", "800px");
}