码迷,mamicode.com
首页 > 其他好文 > 详细

遮罩、警告框/弹框 - EasyUI

时间:2016-09-05 13:40:16      阅读:814      评论:0      收藏:0      [点我收藏+]

标签:

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

 

遮罩、警告框/弹框 - EasyUI

标签:

原文地址:http://www.cnblogs.com/yingsong/p/5841797.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!