通知消息
通知消息是通知用户关于应用程序中的活动、流程、事件的弹出消息窗口。
如需展示通知消息,在视图类中注入 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();
本页是否有帮助?
感谢您的反馈