Easyui 弹出加载中的遮罩的两种方法
来源:互联网 发布:json fromobject jar 编辑:程序博客网 时间:2024/04/28 06:24
最近项目需要用到ajax与后台传递数据,数据量大时会等候稍久,有了用户体验友好一点,刚好用到Easyui 弹出加载中的遮罩的两种方法。
第一种:
$.ajax({
type:'POST',url:url,
data:obj,
dataType:'json',
beforeSend: function () {
load();
},
complete: function () {
disLoad();
},
success:function(data){
showMessage(data);
}
});
}
//弹出加载层
function load() {
$("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: $(window).height() }).appendTo("body");
$("<div class=\"datagrid-mask-msg\"></div>").html("邮件发送中,请稍候。。。").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 });
}
//取消加载层
function disLoad() {
$(".datagrid-mask").remove();
$(".datagrid-mask-msg").remove();
}
第二种:
$.ajax({
type:'POST',
url:url,
data:obj,
dataType:'json',
beforeSend: function () {
$.messager.progress({
title: '提示',
msg: '文件上传中,请稍候……',
text: ''
});
},
complete: function () {
$.messager.progress('close');
},
success:function(data){
$("#uploadHtmlUrl").val(data.fileUrl);
$("#uploadHtml").attr("src", data.fileUrl);
}
});
2 0
- Easyui 弹出加载中的遮罩的两种方法
- Easyui 弹出加载中的遮罩的两种方法
- 两种弹出MessageBox的方法,类似MTK中的alert
- Easyui弹出Dialog时,Dialog中的Combobox的url会加载两次,不明原因,只能其他方法解决。
- easyui datagrid加载数据的两种方式
- EasyUI弹出加载中遮罩
- Easyui中的combobox加载来自Action的JSON的2种方法
- EasyUI 之 DataGrid的两种赋值方法
- EasyUI两种动态添加tab Iframe页面的方法
- EasyUI 之 DataGrid的两种赋值方法
- 两种AS3加载图片的方法
- UIWebView加载Loading的两种方法
- 两种AS3加载图片的方法
- MFC加载图片的两种方法
- iOS加载xib的两种方法
- 页面加载的两种方法
- Hibernate加载配置文件的两种方法
- 手动加载类的两种方法
- 【Log4j】Jboss下配置log4j简记
- 数据库事务和隔离级别(重点,不可重复读和可重复度的区别)
- Atlas+Keepalived实现MySQL读写分离、读负载均衡
- JAVA IO 流小结
- 跟新数据库,不存在则插入
- Easyui 弹出加载中的遮罩的两种方法
- C语言基本数据类型简介
- Spring 系列: Spring 框架简介
- hdoj 1051 Wooden Sticks ( LIS_num )
- Redis C语言客户端库hiredis文档翻译
- 利用socket实现简单的文件传输小程序
- How to create a new component
- iOS开发中的这些权限,你搞懂了吗?
- 《UNIX环境高级编程》十信号读书笔记