easyui 调用ajax时的loading效果

最新推荐文章于 2022-09-29 14:06:55 发布

RED-GO

最新推荐文章于 2022-09-29 14:06:55 发布

阅读量2w

点赞数 5

分类专栏： --------【EasyUI】 --------【JAVA Web】文章标签： easyui javaweb

本文链接：https://blog.csdn.net/u010137431/article/details/49308681

版权

--------【JAVA Web】同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

--------【EasyUI】

6 篇文章 0 订阅

订阅专栏

前台框架是EasyUI，用ajaxfileupload上传文件时需要加loading效果；找到一个不错的jQuery实现spin.js，仍然发现这个spin.js在easyui的dialog中不能实现应有的效果；搞了好长时间，恼死了；最后，找到一个效果同datadgird加载时的效果一样；

javascript
//采用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();               
}

javascript
$.ajax({   
        type: 'POST',   
        dataType : 'json',  
        url: url,   
        data: param,   
        beforeSend: ajaxLoading,  
        success: function(json){   
            ajaxLoadEnd();  
            createAll(json.Data);  
        }   
    });

感谢wwwyuanliang10000这位大神；
内容转自此处