Massage(消息窗口)-页面左下角消息框方法封装

最新推荐文章于 2022-11-01 11:20:51 发布

我风依旧

最新推荐文章于 2022-11-01 11:20:51 发布

阅读量2.7k

点赞数

分类专栏： jQueryEasyUI 文章标签：后台管理 EasyUI Messager(消息窗口)

本文链接：https://blog.youkuaiyun.com/awangwu/article/details/82797974

版权

jQueryEasyUI 专栏收录该内容

26 篇文章

订阅专栏

本文主要介绍了如何在后台管理系统中利用EasyUI的Messager组件封装页面左下角的消息窗口方法，用于展示各种操作反馈信息，增强用户体验。通过对Messager的配置和调用，实现不同类型的提示效果，如成功、错误、警告等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*
 * @Description 页面右下角后台操作成功消息框方法封装
 *
 * @Author wzf
 * @Date 2018/9/21 9:37
 * @Param data 后台响应回来的数据
 * @return
 **/
function successMassage(data) {
    /* 在屏幕右下角显示一条消息窗口。该选项参数是一个可配置的对象：
       showType：定义将如何显示该消息。可用值有：null,slide,fade,show。默认：slide。
       showSpeed：定义窗口显示的过度时间。默认：600毫秒。
       width：定义消息窗口的宽度。默认：250px。
       height：定义消息窗口的高度。默认：100px。
       title：在头部面板显示的标题文本。
       msg：显示的消息文本。
       style：定义消息窗体的自定义样式。
       timeout：如果定义为0，消息窗体将不会自动关闭，除非用户关闭他。如果定义成非0的树，消息窗体将在超时后自动关闭。默认：4秒。*/
    $.messager.show({
        title:'我的消息',
        width:'300px',
        height:'100px',
        //font-family来设置HTML网页字体的类型  font-size 字体大小
        msg:"<span style='color: #000000;font-family: 华文楷体;font-size: 20px;'>"+JSON.parse(data).msg+"</span>",
        timeout:1500,
        showType:'slide',
    });
}
/*
 * @Description 页面右下角后台操作失败消息框方法封装
 *
 * @Author wzf
 * @Date 2018/9/21 9:37
 * @Param data 后台响应回来的数据
 * @return
 **/
function failureMassage(data) {
    /* 在屏幕右下角显示一条消息窗口。该选项参数是一个可配置的对象：
       showType：定义将如何显示该消息。可用值有：null,slide,fade,show。默认：slide。
       showSpeed：定义窗口显示的过度时间。默认：600毫秒。
       width：定义消息窗口的宽度。默认：250px。
       height：定义消息窗口的高度。默认：100px。
       title：在头部面板显示的标题文本。
       msg：显示的消息文本。
       style：定义消息窗体的自定义样式。
       timeout：如果定义为0，消息窗体将不会自动关闭，除非用户关闭他。如果定义成非0的树，消息窗体将在超时后自动关闭。默认：4秒。*/
    $.messager.show({
        title:"<span style='color: crimson;font-family: 华文楷体;font-size: 20px;'>"+'错误消息'+"</span>",
        width:'300px',
        height:'100px',
        //font-family来设置HTML网页字体的类型  font-size 字体大小
        msg:"<span style='color: crimson;font-family: 华文楷体;font-size: 25px;'>"+JSON.parse(data).msg+"</span>",
        timeout:2000,
        showType:'slide',
    });
}