如何使用 vaadin 使 VerticalLayout 可滚动?
How can I make a VerticalLayout scrollable using vaadin?
我有一个组件,它作为我所有页面的通用布局存在。这个组件的布局如下(用paint制作所以请见谅:p):
向右箭头表示此布局是 HorizontalLayout,向下箭头表示 VerticalLayout。
我对使 bodyContent 布局可滚动非常感兴趣。在此布局中,我通常会引入很多 UI 组件(更多布局、文本字段、表单、网格...),有时由于缺少垂直 space 和缺少垂直滚动。那么有什么方法可以使 bodyContent 可滚动(使用 SCSS/CSS 或任何其他方式)?
提前致谢。
编辑:
感谢 @JaneVi:
我已经解决了这个问题
.v-ui > .v-widget {
overflow: visible;
}
尝试使用 Panel
,您可以在其中使用 setContent()
放置 bodyContent(垂直布局),并且当布局高度超过面板高度时可以有滚动条。
我有一个组件,它作为我所有页面的通用布局存在。这个组件的布局如下(用paint制作所以请见谅:p):
向右箭头表示此布局是 HorizontalLayout,向下箭头表示 VerticalLayout。
我对使 bodyContent 布局可滚动非常感兴趣。在此布局中,我通常会引入很多 UI 组件(更多布局、文本字段、表单、网格...),有时由于缺少垂直 space 和缺少垂直滚动。那么有什么方法可以使 bodyContent 可滚动(使用 SCSS/CSS 或任何其他方式)?
提前致谢。
编辑: 感谢 @JaneVi:
我已经解决了这个问题.v-ui > .v-widget {
overflow: visible;
}
尝试使用 Panel
,您可以在其中使用 setContent()
放置 bodyContent(垂直布局),并且当布局高度超过面板高度时可以有滚动条。