Vaadin 中的可滚动面板和菜单栏？答案

【问题标题】：Scrollable panel and MenuBar in Vaadin?Vaadin 中的可滚动面板和菜单栏？
【发布时间】：2016-10-28 14:11:53
【问题描述】：

我正在尝试制作一个由可滚动的 VerticalLayout 和底部的 MenuBar 组成的视图。整个视图的高度只会占据屏幕。似乎将布局包装在面板中是使其可滚动的唯一方法。我按照 Vaadin 文档中的示例编写了以下内容：

VerticalLayout layout = new VerticalLayout();
layout.setMargin(true);
layout.setSpacing(true);
layout.setSizeUndefined();

Panel panel = new Panel();
panel.setContent(lLayout);
panel.setSizeFull();
panel.getContent().setSizeUndefined();

MenuBar menu = new MenuBar();

addComponent(panel);
addComponent(menu);

// minimizes the menu bar and maximizes panel in layout
setExpandRatio(panel, 1);
setExpandRatio(menu, 0);

但是，当我运行应用程序时，整个视图变为可滚动的（这意味着我必须向下滚动才能到达菜单栏）。

【问题讨论】：

您将面板和菜单放入的外部布局是什么？
这是一个扩展 VerticalLayout 的视图。
您是否将此 VL 设置为全尺寸（或至少全高）？

标签： view vaadin panel vaadin7

【解决方案1】：

信息太少了，无法明确解决您的问题。

但是现在和将来，您应该在浏览器中使用参数 ?debug (https://vaadin.com/docs/-/part/framework/advanced/advanced-debug.html) 打开您的应用程序

因此，您可以分解视图并检查哪个父视图的参数错误。下一步，您可以使用 firebug 或 chrome 的检查工具查看应该更改的内容。当你发现你的错误时，你编写正确的代码。快乐编码:-)

【讨论】：