Kendo UI 提供了多种显示提示信息的控件,其中Notification最常用也最容易使用。首先在页面上放置一个span:
<span id="message" ></span>
然后将其初始化为Notification:
var message = $("#message").kendoNotification({
position: {
pinned: true,
top: 30,
right: 30
},
autoHideAfter: 3000,
stacking: "down"
}).data("kendoNotification");
通过position设置显示位置,stacking设置动画效果,autoHideAfter设置显示时间。然后在需要的地方就可以通过show函数进行调用:
if (res) {
message.show(res, "warning");
} else {
message.show("移动成功", "success");
}
可以通过warning、error和success显示不同的信息类型。
网友评论