div

div 是一个支持放入相关联组件的容器。如果没有配置属性，或内部无组件，则显示为空白。

  • XML 元素：div

  • Java 类：Div

基本用法

下面示例展示如何用 div 对内部组件使用标准主题：

<div themeNames="badge">
    <p text="This paragraph is styled as a badge."/>
</div>
div basic

样式

如需使用不同的样式，可以将 badge 与其他 themeNames 值进行组合。下面的示例展示了一个文本段使用的 success 主题：

<div themeNames="badge, success">
    <p text="This paragraph has green text and a light green background."/>
</div>
div success

XML 属性

id - alignSelf - classNames - colspan - css - dataContainer - enabled - height - maxHeight - maxWidth - minHeight - minWidth - property - text - themeNames - title - visible - whiteSpace - width

themeNames

为组件添加主题。支持：

  • badge

  • normal

  • success

  • error

  • contrast

  • primary

  • small

  • pill

只有将 badge 与其他主题组合才能生效，如 上面 所示。

whiteSpace

MDN

定义组件的 white-space 样式值。支持：

  • NORMAL

  • NOWRAP

  • PRE

  • PRE_WRAP

  • PRE_LINE

  • BREAK_SPACES

  • INHERIT

  • INITIAL

事件和处理器

AttachEvent - ClickEvent - DetachEvent

在 Jmix Studio 生成处理器桩代码时，可以使用 Jmix UI 组件面板的 Handlers 标签页或者视图类顶部面板的 Generate Handler 添加，也可以通过 Code → Generate 菜单（Alt+Insert / Cmd+N）生成。

ClickEvent

com.vaadin.flow.component.ClickEvent 在用户点击时发送。