/*
* How to use:
* Open: Maskutil.mask ();
* Closed: Maskutil.unmask ();
*
* Maskutil.mask (' other hint text ... ');
*/
var maskutil = (function () {
var $mask, $MASKMSG;
var defmsg = ' processing, please wait a moment ... ‘;
function init () {
if (! $mask) {
$mask = $ ("<div class=\" Datagrid-mask mymask\ "></div>"). AppendTo ("body");
}
if (! $maskMsg) {
$MASKMSG = $ ("<div class=\" datagrid-mask-msg mymask\ ">" +defmsg+ "</div>")
. AppendTo ("Body"). CSS ({' font-size ':' 12px '});
}
$mask. css ({width:"100%", height:$ (document). Height ()});
var scrolltop = $ (document.body). scrolltop ();
$maskMsg. CSS ({
Left: ($ (document.body). Outerwidth (True)-2
, Top: ( ($ (window). Height ()-2) + scrolltop
});
}
return {
Mask:function (msg) {
Init ();
$mask. Show ();
$MASKMSG. HTML (msg| | DEFMSG). Show ();
}
, unmask:function () {
$mask. Hide ();
$maskMsg. Hide ();
}
}
}());
Easyui's page waits for the cue layer, which is mask