遮罩警告框/弹框 - EasyUI

Posted 2020-08-06 OpenCountry

1.遮罩

1.1. $.messager.progress

//开启遮罩
$.messager.progress({});
或
$.messager.progress({
    title: ‘Please waiting‘,
    msg: ‘Loading data...‘,
    text: ‘PROCESSING.......‘
});

//关闭遮罩
$.messager.progress(‘close‘);

 

1.2.依赖于EasyUI控件的遮罩

//显示遮罩
$("#标签ID").标签("loading", "数据加载中……")
$("#dg").datagrid("loading", "数据加载中……");

//隐藏遮罩

$("#dg").datagrid("loaded");

  显示遮罩：$("#tabID").tabs("loading",msg) msg--要显示的信息

  隐藏遮罩：$("#tabID").tabs("loaded")

在有些情况下，我们不能直接使用控件本身的遮罩效果，比如：

1：有些控件则没有这样的属性

2：页面初始加载时；

3：通过 Ajax 异步获取数据并刷新当前页面；

这个时候，就要采用$.messager.progress

 

1.3.继承自window的dailog

 $(‘#dd‘).dialog({ modal:true }); 

 

2.警告框/弹框

2.1. 在浏览器正中央弹出框

1  $.messager.alert({
2         title: title,//标题
3         msg: msg,//信息
4         icon: icon,//图标类型：error-错误；warning-警告; 或其他
5         left: 400,
6         top: 100
7     });

2.2. 在右下角弹框

1 $.messager.show({
2         title: title,
3         msg: msg
4     });