jQuery EasyUI 提示框(Messager)用法
jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的HTML代码,只需要按照《jQuery EasyUI框架使用文档》包含必要文件后,在$(function(){ }); 里插入下面的代码即可:
- $.messager.show()
Messager需要依存于以下的这些组件:
* 可拖放(Draggable)
* 调整大小(Resizable)
* 面板(panel)
* 窗口(window)
* 链接按钮(linkbutton)
上面只是一个小例子,下面来看一下具体的选项和方法:
名字 | 类型 | 描述 | 默认值 |
---|---|---|---|
ok | 字符串 | Ok 按钮上的文本 | Ok |
cancel | 字符串 | Cancel 按钮上的文本 | Cancel |
方法
方法名 | 参数 | 描述 |
---|---|---|
$.messager.show | 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):当用户点击按钮后触发的回调函数,如果点击OK则给回调函数传true,如果点击cancel则传false。 |
$.messager.prompt | title, msg, fn | 显示一个确定和取消按钮的信息提示窗口,提示用户输入一些文本。参数如下: title:显示在标题面板的标题文本。 msg:提示窗口显示的消息文本。 fn(val):用户点击按钮后的回调函,参数是用户输入的内容。 |
$.messager.alert的回调函数
$.messager.alert(prompts(), "抱歉,输入空格无效!", "info", function() { $("#newpwd")[0].focus()}));
主要是提示框与其他事件同步执行。使用回调函数后就可以后执行。
jQuery EasyUI 提示框(Messager)用法的更多相关文章
- JQUERY EASYUI 验证框(VALIDATEBOX)用法
Query EasyUI 验证框(ValidateBox)在表单的验证方面给我们提供了很方便的方法,下面来介绍一下验证框(ValidateBox)的详细用法(查看演示):HTML 代码 <inp ...
- jQuery easyui 提示框
1:弹出提示窗的使用 (1)屏幕右下弹出提示窗口: $.messager.show({ title:'My Title', msg:'Message will be closed after 4 se ...
- jQuery EasyUI 数字框(NumberBox)用法
这里的options是选项,可以参考下表: 选项名 类型 描述 默认值 min 数字 文本框中可允许的最小值 null max 数字 文本框中可允许的最大值 null precision 数字 最高可 ...
- 基于jquery的提示框JavaScript 插件,类Bootstrap
目录 基于jquery的提示框JavaScript 插件,类Bootstrap 基于jquery的提示框JavaScript 插件,类Bootstrap 源码 github地址: https://gi ...
- 基于jQuery消息提示框插件Tipso
今天要分享的这款jQuery消息提示框插件名叫Tipso,它的特点是可以定义提示框的显示位置,以及动态改变提示框的提示内容,应该说是一款相当灵活的jQuery消息提示框插件.效果图如下: 在线预览 ...
- jquery消息提示框
用于ajax类型提示的,只显示一个. 只是给个思路而已,代码有很多不足. 4个参数,有2个是可选 调用 $.mTip('类型','显示内容',显示时间,回调函数) 类型: 0 为加载 1 为成功 2 ...
- qt5信息提示框QMessageBox用法
information QMessageBox::information(NULL, "Title", "Content", QMessageBox::Yes ...
- Jquery toastr提示框
toastr是一个基于JQuery的消息提示插件; 1. 下载toastr和jquery https://jquery.com/download/ https://codeseven.github.i ...
- qt5信息提示框QMessageBox用法(很全)
information QMessageBox::information(NULL, "Title", "Content", QMessageBox::Yes ...
随机推荐
- mysql-no-install 手动安装
D:\mysql-5.5.28-win32 1.下载mysql-5.5.15-win32.zip,解压到本地D:\mysql. 2.将my-small.ini另存为my.ini .(根据情况可以选择别 ...
- JQ限制输入字数,并提示剩余字数
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 在 Android 的 IM 应用中使用 asmack 库实现用户头像的传输(基于VCard协议)
http://quietmadman.blog.51cto.com/3269500/1359495 Beem http://beem-project.com/projects/beem/reposit ...
- Nginx/Apache图片缩略图技术
1,目的 2,使用方式 3,Nginx + Linux 缩略图实现 3.1,原理 3.2,nginx配置实现 3.3,例子 4,Apache + Windows缩略图实现 4.1,环境 4.2,原理 ...
- [AngularJS + Webpack] Using Webpack for angularjs
1. Install webpack & angular: npm install webpack angular 2. Create webpack.config.js file: modu ...
- linux中安装easy_install(setuptools)
假设是相似于ubuntu的带桌面的系统直接下载安装就能够了.下面是针对centOS的命令行安装方法 最好先查看版本号号,依据版本号来选择安装方法.终端命令例如以下 # lsb_release -a 版 ...
- lscpu lsblk lsscsi lspci
[root@server1 ~]# lscpu Architecture: x86_64 CPU op-mode(s): -bit, -bit Byte Order: Little Endian CP ...
- Java基础知识强化之集合框架笔记65:Map集合之集合多层嵌套的数据分析
1. 为了更符合要求: 这次的数据就看成是学生对象. 传智播客 bj 北京校区 jc 基础班 林青霞 27 风清扬 30 jy 就业班 赵雅芝 28 武鑫 29 sh 上海 ...
- apache性能配置优化
最近在进行apache性能优化设置.在修改apache配置文件之前需要备份原有的配置文件夹conf,这是网站架设的好习惯.以下的apache配置调优均是在red had的环境下进行的. httpd相关 ...
- Clean Code 笔记 (一):命名
一.命名规范1.名副其实,通过名称我们知道它为什么存在,它做什么事,该怎么用2.避免误导,避免使用与本意相悖的词,提防使用不同之处较小的名称3.有意义的区分,去掉多余的废话比如:a,the.缺少明确约 ...