easyui loading

2种方法：

一：自定义

//显示遮罩效果
function easyUILoad() {
    $("<div class=\"datagrid-mask\"></div>").css({ display: "block", width: "100%", height: "auto !important" }).appendTo("body");
    $("<div class=\"datagrid-mask-msg\"></div>").html("<img  class ='img1' /> Email is in progress, please wait..... ")
        .appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(window).height() - 45) / 2 });
}
//隐藏遮罩效果
function displayEasyUILoad() {
    $(".datagrid-mask").remove();
    $(".datagrid-mask-msg").remove();
}

使用方法：直接调用

二：扩展

//扩展遮罩效果
$.extend($.fn.datagrid.methods, {
    //显示遮罩
    loading: function(jq){
        return jq.each(function(){
            $(this).datagrid("getPager").pagination("loading");
            var opts = $(this).datagrid("options");
            var wrap = $.data(this,"datagrid").panel;
            if(opts.loadMsg)
            {
                $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:wrap.width(),height:wrap.height()}).appendTo(wrap);
                $("<div class=\"datagrid-mask-msg\"></div>").html(opts.loadMsg).appendTo(wrap).css({display:"block",left:(wrap.width()-$("div.datagrid-mask-msg",wrap).outerWidth())/2,top:(wrap.height()-$("div.datagrid-mask-msg",wrap).outerHeight())/2});
            }
        });
    }
    ,
    //隐藏遮罩
    loaded: function(jq){
        return jq.each(function(){
            $(this).datagrid("getPager").pagination("loaded");
            var wrap = $.data(this,"datagrid").panel;
            wrap.find("div.datagrid-mask-msg").remove();
            wrap.find("div.datagrid-mask").remove();
        });
    }
});

使用方法：
$("#XX").datagrid("loading");
$("#XX").datagrid("loaded");