jQuery EasyUI API 中文文档 - 消息框(Messager)

简介: Messager 消息框 用 $.messager.defaults 重写了 defaults。 依赖windowlinkbuttonprogressbar用法1.

Messager 消息框

$.messager.defaults 重写了 defaults

依赖

  • window
  • linkbutton
  • progressbar

用法

1. $.messager.alert('Warning','The warning message');  

2. $.messager.confirm('Confirm','Are you sure you want to delete record?',function(r){  

3. if (r){  

4.         alert('ok');  

5.     }  

6. }); 

特性

名称

类型

说明

默认值

ok

string

确定按钮的文字。

Ok

cancel

string

取消按钮的文字。

Cancel

方法

名称

参数

说明

$.messager.show

options

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

$.messager.alert

title, msg, icon, fn

显示一个提示窗口。参数:
title
显示在头部面板的标题文字。
msg
显示的消息文字。
icon
显示图标的图片。可用的值是: errorquestioninfowarning
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');
目录
相关文章
|
1月前
|
敏捷开发 JavaScript 前端开发
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
❤❤❤【Vue.js最新版】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本❤❤❤
|
1月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
1月前
|
前端开发 JavaScript API
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
【uni-app】【基于jQuery Ajax】[sd.js]最新原生完整版for凯哥API版本
|
8月前
|
Web App开发 JavaScript 前端开发
SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
|
9月前
|
存储 JavaScript 前端开发
jQuery 常用API
jQuery 常用API
35 0
|
10月前
|
缓存 JavaScript 程序员
jQuery 常用API 3
jQuery 常用API
61 0
|
10月前
|
JavaScript 前端开发 API
jQuery 常用API 2
jQuery 常用API
60 0
|
10月前
|
JavaScript API
jQuery 常用API 1
jQuery 常用API
59 0
|
JavaScript 测试技术
Easyui 修改jquery validatebox为英文校验提示为中文提示
Easyui 修改jquery validatebox为英文校验提示为中文提示
85 0
|
JSON 前端开发 JavaScript
【前端】使用jQuery实现一个简单的在线页面或API接口请求功能
对于测试人员来说,借助一些测试工具非常的重要,像postman等工具,很方便就能发起api接口的请求和测试 但是,对于开发人员来说,有时候未必一开始就使用这些工具,有可能电脑原因未安装到这些工具或者太麻烦 基于这样一个情况,本篇文章就来简单实现下在线页面发起http的get或post请求的功能 作者:全栈小5 链接:https://juejin.cn/post/7107132057263800327 来源:稀土掘金 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
367 0