如何全屏显示Easyui中Layout的Center面板 WEB开发分享

2025-04-29 05:13:08
推荐回答(1个)
回答1:

代码如下:
$.extend($.fn.layout.methods, {
fullScreen : function (jq) {
return jq.each(function () {
var layout = $(this);
var center = layout.layout('panel', 'center');
center.panel('maximize');
center.parent().css('z-index', 20);
$(window).on('resize.full', function () {
layout.layout('unFullScreen').layout('resize');
});
});
},
unFullScreen : function (jq) {
return jq.each(function () {
var center = $(this).layout('panel', 'center');
center.parent().css('z-index', 'inherit');
center.panel('restore');
$(window).off('resize.full');
});
}
});

使用方法:
$("").layout("fullScreen");

$("").layout("unFullScreen");

web前端开发