首页 前端知识 EasyUI Jquery 学习笔记 —— Window(窗口)详细版

EasyUI Jquery 学习笔记 —— Window(窗口)详细版

2024-05-20 14:05:11 前端知识 前端哥 855 72 我要收藏

1. Window(窗口)

1.1 Messager 消息框

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

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

依赖

  • window
  • linkbutton
  • progressbar

用法

$.messager.alert('Warning','The warning message');
$.messager.confirm('Confirm','Are you sure you want to delete record?',function(r){
    if (r){
		alert('ok');
    }
});

属性

名称 类型 描述 默认值
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
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8973.html
标签
easyui
评论
会员中心 联系我 留言建议 回顶部
复制成功!