美文网首页
kendo UI Notification

kendo UI Notification

作者: 寻找无名的特质 | 来源:发表于2021-09-19 06:21 被阅读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显示不同的信息类型。

    相关文章

      网友评论

          本文标题:kendo UI Notification

          本文链接:https://www.haomeiwen.com/subject/ebgrgltx.html