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

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: 定义消息窗口如何显示。可用的值是: 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');
时间: 2024-09-15 05:28:07

jQuery EasyUI API 中文文档 - 消息框(Messager)的相关文章

jQuery EasyUI API 中文文档 搜索框_jquery

用$.fn.searchbox.defaults重写defaults.文档 搜索框_jquery-jquery easyui api">依赖 menubutton 用法示例 创建SearchBox 1. 从标记创建.把 'easyui-searchbox' 类加入到<input/>标记. 复制代码 代码如下: <script type="text/javascript"> function qq(value,name){ alert(value+

jQuery EasyUI API 中文文档 - 组合框(ComboBox)

ComboBox 组合框 扩展自 $.fn.combo.defaults. 用 $.fn.combobox.defaults 重写了 defaults. 依赖 combo 用法 1. <select id="cc" name="dept" style="width:200px;"> 2. <option value="aa">aitem1</option> 3. <option>

jQuery EasyUI API 中文文档 - 验证框(ValidateBox)

ValidateBox 验证框 用 $.fn.validatebox.defaults 重写了 defaults. 用法 1. <input id="vv" required="true" validType="email"> 1. $('#vv').validatebox({   2.     required:true 3. });  验证规则 验证规则是通过使用 required 和 validType 特性来定义的, 这里是已

jQuery EasyUI API 中文文档 - 搜索框

SearchBox  搜索框 用$.fn.searchbox.defaults重写defaults. 依赖 menubutton 用法示例 创建SearchBox 1. 从标记创建.把 'easyui-searchbox' 类加入到<input/>标记. 1. <script type="text/javascript">  2.     function qq(value,name){   3. alert(value+":"+name)

jQuery EasyUI API 中文文档 - 日期框(DateBox)

DateBox 日期框 扩展自 $.fn.combo.defaults.用 $.fn.datebox.defaults 重写了 defaults. 依赖 combo calendar 用法 1. <input id="dd" type="text"></input> 1. $('#dd').datebox({   2.     required:true 3. });  特性 其特性扩展自 combo,下列是为 datebox 增加的特性.

jQuery EasyUI API 中文文档 - 数字框(NumberBox)

NumberBox 数字框 扩展自 $.fn.validatebox.defaults,用 $.fn.numberbox.defaults 重写了 defaults . 依赖 validatebox 用法 1. <input type="text" id="nn"></input> 1. $('#nn').numberbox({   2.     min:0,   3.     precision:2   4. });  特性 其特性扩展自

jQuery EasyUI API 中文文档 - Menu菜单_jquery

用 $.fn.menu.defaults 重写了 defaults. <?XML:NAMESPACE PREFIX = O /> 文档 - Menu菜单_jquery-jquery easyui menu"> 复制代码 代码如下: <div id="mm" class="easyui-menu" style="width:120px;"> <div>New</div> <div

jQuery EasyUI API 中文文档 - Panel面板_jquery

用$.fn.panel.defaults重写defaults.<?XML:NAMESPACE PREFIX = O /> 文档 - Panel面板_jquery-easyui panel api">用法示例 创建Panel 1. 经由标记创建Panel 从标记创建Panel更容易.把 'easyui-panel' 类添加到<div/>标记. 复制代码 代码如下: <div id="p" class="easyui-panel&qu

jQuery EasyUI API 中文文档 - Draggable 可拖拽_jquery

用$.fn.draggable.defaults重写默认的defaults. 用法 复制代码 代码如下: <div id="dd" style="width:100px;height:100px;"> <div id="title" style="background:#ccc;">title</div> </div> 复制代码 代码如下: $('#dd').draggable(