通知消息

通知消息是通知用户关于应用程序中的活动、流程、事件的弹出消息窗口。

如需展示通知消息,在视图类中注入 Notifications bean,然后使用其流式接口即可。下面的示例中,点击按钮时展示一个使用默认参数的通知:

@Autowired
private Notifications notifications;

@Subscribe("helloButton")
public void onHelloButtonClick(ClickEvent<Button> event) {
    notifications.show("Hello");
}

下面是一个使用自定义参数的通知:

notifications.create("Hello")
        .withType(Notifications.Type.WARNING)
        .withPosition(Notification.Position.BOTTOM_END)
        .withDuration(3000)
        .show();

如需在通知消息内展示 HTML 内容,可以将 com.vaadin.flow.component.Html 组件传递给 show()create() 方法。HTML 内容只能有一个根元素。示例:

notifications.show(new Html("<div>Hello<br>World</div>"));

还支持使用 \n 展示换行的文字,且支持设置 CSS 类:

notifications.create("First line\nSecond line")
        .withClassName(LumoUtility.Whitespace.PRE_LINE)
        .withDuration(5000)
        .show();