Query EasyUI 消息框

Query EasyUI Messager基本使用(消息框)

参考链接:http://www.cnblogs.com/libingql/archive/2011/07/17/2109020.html

Common.ShowInfo = function (str) {
    $.messager.alert('系统提示', str, 'info');
};
Common.ShowError = function (str) {
    $.messager.alert('系统提示', str, 'error');
};
Common.ShowWarning = function (str) {
    $.messager.alert('系统提示', str, 'warning');
};

Common.ShowQuestion = function (str) {
    $.messager.alert('系统提示', str, 'question');
};

$.messager.confirm('系统提示', "确认要值机删除吗?", function (data) {
            if (data) {//"确定"、"是"
                //代码
            }
            else {
                return;
            }
        });

 

方法

名称

参数

说明

$.messager.show

options

在屏幕的右下角显示一个消息窗口,options 是一个配置对象:
showType: 定义消息窗口如何显示。可用的值是: null、slide、fade、show。默认是 slide。
showSpeed: 定义消息窗口完成显示所需的以毫秒为单位的时间。默认是 600。
width: 定义消息窗口的宽度。默认是250。
height: 定义消息窗口的高度。默认是100。
msg: 显示的消息文字。
title: 头部面板上显示的标题文字。
timeout: 如果定义为 0,除非用户关闭,消息窗口将不会关闭。如果定义为非 0 值,消息窗口将在超时后自动关闭。

$.messager.alert

title, msg, icon, fn

显示一个提示窗口。参数:
title: 显示在头部面板的标题文字。
msg: 显示的消息文字。
icon: 显示图标的图片。可用的值是: error、question、info、warning。
fn: 窗口关闭时触发的回调函数。

$.messager.confirm

title, msg, fn

显示一个带“确定”和“取消”按钮的确认消息。参数:
title: 显示在头部面板上的标题文字。
msg: 显示的消息文字。
fn(b): 回调函数,当用户点击确认按钮时传递一个 true 参数,否则给它传递一个 false 参数。

$.messager.prompt

title, msg, fn

显示一个带确定和取消按钮的消息窗口,提示用户输入一些文字。参数:
title: 显示在头部面板上的标题文字。
msg: 显示的消息文字。
fn(val):回调函数,使用用户输入的数值参数。

$.messager.progress

options or method

显示一个进度的消息窗口。
options 这样定义:
title: 显示在头部面板上的标题文字,默认值是 '' 。
msg: 消息框的文本,默认值是 '' 。
text: 显示在进度条里的文字,默认值是 undefined 。
interval: 每次进度更新之间以毫秒为单位的时间长度。默认值是 300 。

方法这样定义:
bar: 获取 progressbar 对象。
close: 关闭进度窗口。

代码示例

显示进度消息窗口:

          $.messager.progress(); 

现在关闭消息窗口:

          $.messager.progress('close');

你可能感兴趣的:(easyui)