1. 程式人生 > >easyui 呼叫ajax時的loading效果

easyui 呼叫ajax時的loading效果

前臺框架是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這位大神;
內容轉自此處