Jquery easyUI mesage window窗口

最新推荐文章于 2022-04-02 18:48:15 发布

原创最新推荐文章于 2022-04-02 18:48:15 发布 · 664 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery easyUI window

本文详细介绍了如何使用 jQuery EasyUI 的消息对话框组件进行交互操作，包括警告、确认、输入提示等对话框的展示方式及配置选项。

1.首先引入js,css

依赖

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');