首页 > 代码库 > 遮罩、警告框/弹框 - 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

 

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: 1007     });

2.2. 在右下角弹框

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

 

遮罩、警告框/弹框 - EasyUI