时间:13-11-24 栏目:EasyUI 作者:zongyan86 评论:0 点击: 8,779 次
本文标签: 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面板