easyui 提示框组件_遮罩、警告框/弹框 - EasyUI

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