Vaadin 10对话框模拟Vaadin 8窗口标题

Question

使用Vaadin Flow Java API，我想模拟一个Vaadin 8窗口功能：特别是我需要模拟字幕行为。 我的意思是说固定的顶部“标题”不能滚动为对话框的真实内容。有人可以告诉我一些可以向我学习的例子吗？ 预先感谢

这是我找到的解决方法。

Namespace

麻烦的是，我必须修复max-height大小，以避免滚动所有包含的组件。因此，我无法利用对话框容器的自动调整大小行为。也尝试过使用setFlexGrow，但没有达到解决方案。 有提示吗？

Answer 1

在Vaadin 10+中，没有名为Window的组件，但是有名为Dialog的组件。它没有类似于“窗口”的“标题”，但其他方面具有相似的基线。即它是弹出窗口。根据您的问题，您已经发现了。

对话框本身是组件容器，这意味着您可以在其中添加组件。我只会创建例如两个Divs（Vaadin 10中最简单的布局组件）。我将第一个样式设置为固定高度，然后将Title放置在此处。然后，我将component.getElement().getStyle().set("overflow", "auto")应用于另一个，即实际的内容主体。提到的样式将启用滚动功能。根据需要，也可以使用VerticalLayout / Horizo​​ntalLayout代替Div。

另请参阅：https://vaadin.com/docs/v10/flow/migration/5-components.html