博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EasyUI Messager 消息框
阅读量:5773 次
发布时间:2019-06-18

本文共 2221 字,大约阅读时间需要 7 分钟。

转自:http://localhost:8080/Test1/index.html#

通过 $.messager.defaults 重写默认的 defaults。

消息框(messager)提供不同样式的消息框,包括警示(alert)、确认(confirm)、提示(prompt)、进展(progress)等等。所有的消息框都是异步的。用户可以在与消息框交互后使用回调函数来完成一些动作。

依赖

  • 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。
title:头部面板上显示的标题文本。
msg:要显示的消息文本。
style:定义消息窗口的自定义样式。
timeout:如果定义为 0,除非用户关闭,消息窗口将不会关闭。如果定义为非 0 值,消息窗口将在超时后自动关闭。默认是 4 秒。
代码实例:
  1. $.messager.show({
  2. title:'My Title',
  3. msg:'Message will be closed after 5 seconds.',
  4. timeout:5000,
  5. showType:'slide'
  6. });
  7. // show message window on top center
  8. $.messager.show({
  9. title:'My Title',
  10. msg:'Message will be closed after 4 seconds.',
  11. showType:'show',
  12. style:{
  13. right:'',
  14. top:document.body.scrollTop+document.documentElement.scrollTop,
  15. bottom:''
  16. }
  17. });
$.messager.alert title, msg, icon, fn 显示一个警告提示窗口。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
icon:要显示的图标图片。可用的值是:error、question、info、warning。
fn:当窗口关闭时触发的回调函数。
代码实例:
  1. $.messager.alert('My Title','Here is a info message!','info');
$.messager.confirm title, msg, fn 显示一个带"确定"和"取消"按钮的确认消息窗口。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
fn(b):回调函数,当用户点击确认按钮时传递一个 true 参数给函数,否则给它传递一个 false 参数。
代码实例:
  1. $.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){
  2. if (r){
  3. // exit action;
  4. }
  5. });
$.messager.prompt title, msg, fn 显示一个带"确定"和"取消"按钮的消息窗口,提示用户输入一些文本。参数:
title:显示在头部面板上的标题文本。
msg:要显示的消息文本。
fn(val):带有用户输入的数值参数的回调函数。
代码实例:
  1. $.messager.prompt('Prompt', 'Please enter your name:', function(r){
  2. if (r){
  3. alert('Your name is:' + r);
  4. }
  5. });
$.messager.progress options or method 显示一个进度的消息窗口。
options 定义如下:
title:显示在头部面板上的标题文本,默认值是 '' 。
msg:消息框的主体文本,默认值是 '' 。
text:显示在进度条里的文本,默认值是 undefined 。
interval:每次进度更新之间以毫秒为单位的时间长度。默认值是 300。
方法定义如下: bar:获取进度条(progressbar)对象。
close:关闭进度窗口。
代码实例:
显示进度消息窗口。
  1. $.messager.progress();
现在关闭消息窗口。
  1. $.messager.progress('close');

转载地址:http://ecaux.baihongyu.com/

你可能感兴趣的文章
编译安装LNMP
查看>>
[转]基于display:table的CSS布局
查看>>
crm 02--->讲师页面及逻辑
查看>>
AS3.0 Bitmap类实现图片3D旋转效果
查看>>
Eigen ,MKL和 matlab 矩阵乘法速度比较
查看>>
带三角的面包屑导航栏(新增递增数字)
查看>>
Web应用程序安全与风险
查看>>
codeforces 984 A. Game
查看>>
CSS居中
查看>>
One Person Game(概率+数学)
查看>>
CodeForces 258B Little Elephant and Elections :于1-m中找出七个数,使六个数里面的4和7个数比第七个数严格小:数位dp+dfs...
查看>>
MAP
查看>>
手把手教你测——上网快鸟
查看>>
用javascript获取地址栏参数
查看>>
一起谈.NET技术,你应该知道的15个Silverlight诀窍
查看>>
商教助手!解析夏普液晶高清宽屏投影机系列
查看>>
云南去年有望实现151万贫困人口净脱贫
查看>>
Java架构师面试题系列整理(大全)
查看>>
延伸产业链 中国产粮大省向“精深”问发展
查看>>
消费贷用户70%月收入低于5000元 80、90后是主要人群
查看>>