java - 如何根据需要构建带有滚动条的扩展 vaadin 窗口

Question

我正在构建一个扩展窗口/布局，它将根据提供的数据扩展/收缩，可能会扩展以填充浏览器窗口。

编辑:滚动条应位于工作区，而不是窗口。

到目前为止，我只能使用简单的标签列表使其垂直工作(请参阅 simple_list.png)。

• 当浏览器窗口垂直填充时，会出现垂直滚动条 水平滚动条始终存在，窗口/布局的宽度似乎由右上角的面板标题和窗口图标的长度决定。
  编辑:面板上的滚动条确定。没有水平扩展。
• GridLayout 完全失败(参见 gridlayout.png)。
  编辑:即工作区(面板)上没有滚动条

最终布局应该有一个中央工作区域和页眉、页脚、左/右区域。根据数据扩大工作区域。

找错树了？ CSS布局？不适合瓦丁吗？

感谢任何帮助/指导。

下面是一个简化的测试用例(Vaadin 7，子类化 Window)。

public TestWindow() {

super.setSizeUndefined();

VerticalLayout vL = new VerticalLayout();
vL.setSizeFull();
super.setContent(vL);

//vL.addComponent(buildHeader());

Panel workArea = new Panel();
workArea.setSizeFull();
workArea.setCaption("View");
vL.addComponent(workArea);
vL.setExpandRatio(workArea, 1f);


//vL.addComponent(buildFooter());

//-----------------------------

VerticalLayout view = new VerticalLayout();
view.setSizeUndefined();
workArea.setContent(view);

for (int i=0; i < 100; i++) {
    String s = "view line "+i;
    for (int j=0; j < 10; j++) {
        s += "____________________"+j;
    }
    Label line = new Label(s);
    line.setSizeUndefined();
    view.addComponent(line);
}

//=============================
/*
VerticalLayout view = new VerticalLayout();
view.setSizeUndefined();
workArea.setContent(view);
GridLayout gl = new GridLayout();
gl.setSizeUndefined();
view.addComponent(gl);
view.setExpandRatio(gl,  1);
gl.setColumns(2);
for (int i=0; i < 100; i++) {
    Label line = new Label("view line "+i);
    line.setSizeUndefined();
    gl.addComponent(line);
}
*/
//------------------------------

center();

setModal(true);

setDraggable(true);

UI.getCurrent().addWindow(this);

}

simple_list.png
gridlayout.png

Answer 1

Vaadin 文档说:

If a sub-window has a fixed or percentual size and its content becomes too big to fit in the content area, a scroll bar will appear for the particular direction. On the other hand, if the sub-window has undefined size in the direction, it will fit the size of the content and never get a scroll bar.

来源:https://vaadin.com/docs/v7/framework/layout/layout-sub-window.html