美文网首页
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

    Kendo UI 提供了多种显示提示信息的控件,其中Notification最常用也最容易使用。首先在页面上放置一...

  • schedule

    Kendo UI 如何开始使用Kendo UI?准备文件css > bootstrap.min.css ke...

  • Kendo UI DataSource的模型

    Kendo UI DataSource功能强大,Kendo UI的网格或者其它组件可以根据模型自动生成符合要求的编...

  • Kendo UI知识点学习和使用

    Kendo UI知识点学习和使用 作者:艾志谋时间:2017/10/29版本:1.0 1.Kendo UI实现Gr...

  • Instant Kendo UI Grid.pdf 免费下载

    下载地址:Instant Kendo UI Grid[www.rejoiceblog.com].pdf

  • 带来了解附件上传

    环境介绍 前端框架:Kendo UI后台框架:Spring Boot + Hibernate开发工具:Intell...

  • Kendo UI Chart MVVM 快速入门

    Kendo UI Chart 功能强大,支持各种图形类型, 通过使用series属性可以控制图形的类型和数据的关系...

  • Kendo UI MVVM 不允许模型混合和嵌套

    在使用Kendo UI MVVM封装组件时发现,布局类组件,比如tabstrip中如果嵌套了其它组件,会发生模型嵌...

  • Kendo UI resize的使用

    Kendo UI很多控件在初始化时需要处于可见状态,才能正常显示,否则会出现很多意想不到的情况。不可见的情况包括:...

  • Kendo UI MVVM 多模型

    如果我们将Kendo UI控件封装到Asp.Net的局部视图中,作为公用的组件,那么这个组件就应该不影响其它组件,...

网友评论

      本文标题:kendo UI Notification

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