easyui dialog 扩展load

 1 $.extend($.fn.panel.methods, {

 2     showMask: function(jq, msg){

 3         return jq.each(function(){

 4             var pal = $(this).panel('panel');

 5             if (pal.css('position').toLowerCase() != 'absolute'){

 6                 pal.css('position','relative');

 7             }

 8             var borderSize = parseInt(pal.css('padding'))+1;

 9             var m = pal.children('div.panel-mask');

             if (!m.length){

                 m = $('<div class="panel-mask"></div>').appendTo(pal);

             }

             m.css({

                 background:'#fff',

                 left:borderSize,

                 top:(borderSize+pal.children('.panel-header')._outerHeight()),

                 right:borderSize,

                 bottom:borderSize

             });

             m.children('div.panel-mask-msg').remove();

             var mm = $('<div class="panel-mask-msg"></div>').appendTo(m);

             mm.html(msg).css({position:'absolute'}).css({

                 position:'absolute',

                 top: '50%',

                 left: '50%',

                 marginTop: -mm._outerHeight()/2,

                 marginLeft: -mm._outerWidth()/2

             })

         });

     },

     hideMask: function(jq){

         return jq.each(function(){

             $(this).panel('panel').children('div.panel-mask').remove();

         })

     }

 });

 $('#dlg').dialog('showMask', 'Loading...');  // display the loading message
2 $('#dlg').dialog('hideMask');  // hide the loading message