本文标签: web前端,EasyUI
代码如下:
$.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");
声明: 本文由( zongyan86 )原创编译,转载请保留链接: 如何全屏显示Easyui中Layout的Center面板