页面布局(Layout)
实例
<body class="easyui-layout">
<!-- 使用div元素描述每个区域 -->
<div style="height: 100px" data-options="region:'north'">北部区域</div>
<div style="width: 200px" data-options="region:'west'">西部区域</div>
<div data-options="region:'center'">中心区域</div>
<div style="width: 100px" data-options="region:'east'">东部区域</div>
<div style="height: 50px" data-options="region:'south'">南部区域</div>
</body>
折叠面板(Accordion)
实例
<!-- fit:true----自适应(填充父容器) -->
<div class="easyui-accordion" data-options="fit:true">
<!-- 使用子div表示每个面板 -->
<div title="面板一">1111</div>
<div title="面板二">2222</div>
<div title="面板三">3333</div>
</div>
标签页(Tabs)
实例
<!-- fit:true----自适应(填充父容器) -->
<div class="easyui-tabs" data-options="fit:true">
<!-- 使用子div表示每个标签页 -->
<div title="tag1">1111</div>
<div title="tag2">2222</div>
<div title="tag3">3333</div>
</div>