layout 布局

<!--layout布局,其中href：异步加载布局板块中的内容-->

<div id="cc" class="easyui-layout" style="width:600px;height:400px;">
　　<div data-options="region:'north',title:'North Title',split:true" style="height:100px;"></div>
　　<div data-options="region:'south',title:'South Title',split:true" style="height:100px;"></div>
　　<div data-options="region:'east',iconCls:'icon-reload',title:'East',split:true" style="width:100px;"></div>
　　<div data-options="region:'west',title:'West',split:true" style="width:100px;"></div>
　　<div data-options="region:'center',title:'center title'，href:'west_content.php'" style="padding:5px;background:#eee;"></div>
</div>

 

<!--嵌套布局-->
<div data-options="region:'north'" style="height:100px"></div>
<div data-options="region:'center'">
　　<div class="easyui-layout" data-options="fit:true">
　　　　<div data-options="region:'west',collapsed:true" style="width:400px"></div>
　　　　<div data-options="region:'center'"></div>
　　</div>
</div>

js:

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

 

$('#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')}
　　}]
});