Jquery easyui 下loaing效果示例代码


Posted in Javascript onAugust 12, 2013
//采用jquery easyui loading css效果 
function ajaxLoading(){ 
    $("<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 ajaxLoadEnd(){ 
     $(".datagrid-mask").remove(); 
     $(".datagrid-mask-msg").remove();             
} $.ajax({ 
type: 'POST', 
url: 'sendLettersAgain.action', 
data: {id:obj.id}, 
beforeSend:ajaxLoading,\\发送请求前打开进度条 
success: function(robj){ 
ajaxLoadEnd();\\任务执行成功,关闭进度条 
} 
});
Javascript 相关文章推荐
js getBoundingClientRect() 来获取页面元素的位置
Nov 25 Javascript
javascript中数组的concat()方法使用介绍
Dec 18 Javascript
js实现基于正则表达式的轻量提示插件
Aug 29 Javascript
10个JavaScript中易犯小错误
Feb 14 Javascript
使用React实现轮播效果组件示例代码
Sep 05 Javascript
javascript实现的左右无缝滚动效果
Sep 19 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
jquery实现tab键进行选择后enter键触发click行为
Mar 29 jQuery
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
jquery+php后台实现省市区联动功能示例
May 23 jQuery
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
解决vue组件中click事件失效的问题
Nov 09 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
Aug 12 #Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 #Javascript
Javascript合并表格中具有相同内容单元格示例
Aug 11 #Javascript
js获取php变量的实现代码
Aug 10 #Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 #Javascript
jquery对象和DOM对象的区别介绍
Aug 09 #Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 #Javascript
You might like
php提示Failed to write session data错误的解决方法
2014/12/17 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
微信小程序 消息推送php服务器验证实例详解
2017/03/30 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
JavaScript 关键字屏蔽实现函数
2009/08/02 Javascript
js 幻灯片的实现
2011/12/06 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
javascript弹出层输入框(示例代码)
2013/12/11 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
document.write的几点使用心得
2014/05/14 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
jQuery中prevUntil()方法用法实例
2015/01/08 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
2015/10/09 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
2016/12/28 Javascript
深入理解react-router@4.0 使用和源码解析
2017/05/23 Javascript
js构造函数创建对象是否加new问题
2018/01/22 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
2018/02/03 Javascript
vue实现图片加载完成前的loading组件方法
2018/02/05 Javascript
nodejs微信开发之授权登录+获取用户信息
2019/03/17 NodeJs
vue2.* element tabs tab-pane 动态加载组件操作
2020/07/19 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
深入理解Python中的*重复运算符
2017/10/28 Python
Python爬虫之UserAgent的使用实例
2019/02/21 Python
Pytorch中accuracy和loss的计算知识点总结
2019/09/10 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
通用求职信范文模板分享
2013/12/27 职场文书
认购协议书范本
2014/04/22 职场文书
出售房屋委托书范本
2014/09/24 职场文书
2015年度个人思想工作总结
2015/04/08 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python