Layout（布局）

使用$.fn.layout.defaults重写默认值对象。

布局容器有5个区域：北、南、东、西和中间。中间区域面板是必须的，边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小，也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套，用户可以通过组合布局构建复杂的布局结构。

•   panel

•   resizable

创建布局

1. 通过标签创建布局

为< div/>标签增加名为'easyui-layout'的类ID。

2. 使用完整页面创建布局

3. 创建嵌套布局

注意：嵌套在内部的布局面板的左侧(西面)面板是折叠的。

4. 通过ajax读取内容

布局是以面板为基础创建的。所有的布局面板都支持异步加载URL内容。使用异步加载技术，用户可以使自己的布局页面显示的内容更多更快。

折叠布局面板

                  $('#cc').layout();
                  // collapse the west panel
                  $('#cc').layout('collapse','west');
        

添加西侧区域面板和工具菜单按钮

                   $('#cc').layout('add',{
                        region: 'west',
                        width: 180,
                        title: 'West Title',
                        split: true,
                        tools: [{
                            iconCls:'icon-add',
                            handler:function(){alert('add')}
                        },{
                            iconCls:'icon-remove',
                            handler:function(){alert('remove')}
                        }]
                    });
        

区域面板属性定义与panel组件类似，下面的是公共的和新增的属性：

                            collapsedContent: function(title){
                                var region = $(this).panel('options').region;
                            if (region == 'north' || region == 'south'){
                                return title;
                            } else {
                                return '
                                
'+title+'
                                ';
                                }
                            }
                        

                            $('#cc').layout('resize', {
                                width:'80%',
                                height:300
                            })