首页 > 其他 > 详细

easyui dialog 扩展load

时间:2016-12-28 15:01:01      阅读:265      评论:0      收藏:0      [点我收藏+]

$.extend($.fn.panel.methods, {
showMask: function(jq, msg){
return jq.each(function(){
var pal = $(this).panel(‘panel‘);
if (pal.css(‘position‘).toLowerCase() != ‘absolute‘){
pal.css(‘position‘,‘relative‘);
}
var borderSize = parseInt(pal.css(‘padding‘))+1;
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
$(‘#dlg‘).dialog(‘hideMask‘);  // hide the loading message

easyui dialog 扩展load

原文:http://www.cnblogs.com/huangf714/p/6229256.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!