http://www.cnblogs.com/Philoo/archive/2011/11/15/jeasyui_api_messager.html

Messager  消息框

博客园 风流涕淌 (philoo.cnblogs.com) 翻译。不当之处,敬请指正。转载请保留出处!
 

用 $.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');

    博客园 风流涕淌 (philoo.cnblogs.com) 翻译。不当之处,敬请指正。转载请保留出处!

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

  1. jquery easyui 弹出消息框 (转载) jQuery EasyUI API 中文文档 - 消息框(Messager) http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html

    <html> <head> <!-- 导入easyui插件的js和css样式; --> <link rel="stylesheet" ty ...

  2. jQuery EasyUI API 中文文档

    http://www.cnblogs.com/Philoo/tag/jQuery/ 共2页: 1 2 下一页  jQuery EasyUI API 中文文档 - 树表格(TreeGrid) 风流涕淌 ...

  3. jQuery EasyUI API 中文文档 - ValidateBox验证框

    jQuery EasyUI API 中文文档 - ValidateBox验证框,使用jQuery EasyUI的朋友可以参考下.   用 $.fn.validatebox.defaults 重写了 d ...

  4. jQuery EasyUI API 中文文档 - ComboGrid 组合表格

    jQuery EasyUI API 中文文档 - ComboGrid 组合表格,需要的朋友可以参考下. 扩展自 $.fn.combo.defaults 和 $.fn.datagrid.defaults ...

  5. jQuery EasyUI API 中文文档 - Panel面板

    <html> <head> <title>布局管理器--控制面板</title> <script src="jquery-easyui/ ...

  6. jQuery EasyUI API 中文文档 - 分隔按钮(splitbutton)

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  7. jQuery EasyUI API 中文文档 - 菜单按钮(menubutton)

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  8. jQuery EasyUI API 中文文档 - 链接按钮(linkbutton)

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

  9. jQuery EasyUI API 中文文档 - 布局(Layout)

    <html> <head> <script src="jquery-easyui/jquery.min.js"></script> ...

随机推荐

  1. maven中添加jetty运行插件

            maven项目,用jetty插件运行,对热部署的支持比较好.maven的pom文件加入下面代码 <plugin> <groupId>org.mortbay.je ...

  2. Spring集成Swagger,Java自动生成Api文档

    博主很懒... Swagger官网:http://swagger.io GitHub地址:https://github.com/swagger-api 官方注解文档:http://docs.swagg ...

  3. angularJs 技巧总结及最佳实践

    强烈建议通读官方wiki文档,里面包含了FAQ,最佳实践,深入理解最核心的Directive及Scope等文章, 基础 1. 使用ng-repeat指令,为防止重复值发生的错误.加上track by ...

  4. Spring Boot(十一):Spring Boot 中 MongoDB 的使用

    MongoDB 是最早热门非关系数据库的之一,使用也比较普遍,一般会用做离线数据分析来使用,放到内网的居多.由于很多公司使用了云服务,服务器默认都开放了外网地址,导致前一阵子大批 MongoDB 因配 ...

  5. Java和C#基本类库的区别

    java.lang java .net Boolean System.Boolean Byte System. Byte Character System.Char Class System.Type ...

  6. 初级字典树查找在 Emoji、关键字检索上的运用 Part-2

    系列索引 Unicode 与 Emoji 字典树 TrieTree 与性能测试 生产实践 在有了 Unicode 和 Emoji 的知识准备后,本文进入编码环节. 我们知道 Emoji 是 Unico ...

  7. 微信小程序中跳转另一个小程序

    wx.navigateToMiniProgram({ appId: 'xxxxxxxxxxxxxxxxxx', // 要跳转的小程序的appid path: 'page/index/index', / ...

  8. Laya鼠标事件阅读

    点击事件核心类:MouseManager和TouchManager. MouseManager负责收集相关事件,进行捕获阶段和目标阶段. TouchManger负责处理和分发事件,进行冒泡阶段. 捕获 ...

  9. Google C++ 编码规范

    刚刚看到一位博主的文章分享Google C++ 编码规范 本人做一下记录,方便以后学习.. 中文在线版本地址: http://zh-google-styleguide.readthedocs.io/e ...

  10. Scrum Meeting NO.3

    Scrum Meeting No.2 1.会议内容 之前的两天无法登录TFS服务器来生成燃尽图,再加上这种方式只能生成当日的燃尽图,我们决定改用excel生成燃尽图.(作为一个渣渣pm,我用了一下午才 ...