div

在线示例

div 是一个支持放入相关联组件的容器。

XML 元素

div

Java 类

Div

XML 属性

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

事件和处理器

AttachEvent - ClickEvent - DetachEvent

基本用法

下面的示例中 div 带有内部组件：

<div>
    <h2 text="Sample Title"/>
    <p text="This is a sample paragraph inside a div."/>
</div>
原生 HTML 请使用 html 组件。

样式版本

该组件可以为内部的组件应用预定义的样式。需要将 badge 与其他 themeNames 一起使用：

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

XML 属性

在 Jmix 中，所有组件都有一些作用一致的 通用属性。 下面是 div 的特殊属性：

名称

描述

默认值

themeNames

为组件添加一个样式。支持 badge、normal、success、error、contrast、primary、small、pill。样式生效需要与 badge 一起使用，请参考 上面的示例。

预定义的样式是一组 CSS 类，有可能影响组件或内部组件的其他样式设置。

-

事件和处理器

在 Jmix 中，所有组件都有一些 通用事件和处理器，可以按相同的方法设置。 下面是 div 的特殊事件和处理器：

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

名称

描述

ClickEvent

当点击组件时触发 com.vaadin.flow.component.ClickEvent 事件。该事件的处理方法需要指定处理的是以下哪种点击事件：

click – 当用户点击组件时触发。

singleClick – 当用户在单击组件一小段时间后会（确保不是双击）触发。

doubleClick – 当用户在短时间内点击组件两次时触发。