kendo UI Notification

2021-09-19  本文已影响0人  寻找无名的特质

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显示不同的信息类型。

上一篇下一篇

猜你喜欢

热点阅读