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

时间:2018-09-01 04:56:42

标签: dialog vaadin10

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

这是我找到的解决方法。

Namespace

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

1 个答案:

答案 0 :(得分:0)

在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