如何全屏显示Easyui中Layout的Center面板

时间:13-11-24 栏目:EasyUI 作者:zongyan86 评论:0 点击: 8,714 次

代码如下:

$.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前端开发



声明: 本文由( zongyan86 )原创编译,转载请保留链接: 如何全屏显示Easyui中Layout的Center面板

关注我们