Easyui实现最大化最小化panel

在使用EasyUI的过程中想要布局的某一部分全屏显示，又不影响其他部分的使用，在搜索了一些资料后，发现可以通过改变layout布局的属性来实现某一部分的最大化最小化

首先是给layout增加两个方法，最大化和恢复 这个方法就是定位当前layout的center部分，实现最大化

$.extend($.fn.layout.methods, {
    fullGrid: function (jq) {
        return jq.each(function () {
            var layout = $(this);
            var center = layout.layout('panel', 'center');
            center.panel('maximize');
            center.parent().css('z-index', 100);

            $(window).on('resize.full', function () {
                layout.layout('unFull').layout('resize');
            });
        });
    },
    unFullGrid: 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');
        });
    }
});

可以通过调节 如下这段代码来定位具体要处理的部分

    var center = layout.layout('panel', 'center');

使用如下方式调用
DivId为整个布局的div的ID

$("#DivId").layout("fullGrid");//最大化
 $("#DivId").layout("unFullGrid");//恢复