<body>
<div data-options="region:'north',title:'北丐:洪七公',split:true"></div>
<div data-options="region:'south',title:'南帝:一灯大师',split:true"></div>
<div data-options="region:'east',iconCls:'icon-reload',title:'东邪:黄药师',split:true"></div>
<div data-options="region:'west',title:'西毒:欧阳锋',split:true">
<div data-options="fit:'true'">
<div title="赵敏" data-options="iconCls:'icon-save'" >
<h3>Accordion for jQuery</h3>
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion component on web page more easily.</p>
</div>
<div title="大玉儿" data-options="iconCls:'icon-reload',selected:true" >
// ztree属性结构
<ul></ul>
</div>
<div title="婉容儿" >
who?
</div>
</div>
</div>
<div data-options="region:'center',title:'中神通:周伯通'">
// tabs 面板
<div data-options="fit:true">
<div title="小龙女"data-options="closable:true" ></div>
<div title="沐剑屏" data-options="closable:true" ></div>
<div title="阿珂" data-options="iconCls:'icon-reload',closable:true"></div>
</div>
</div>
// menu菜单栏
<div>
<div>关闭当前选项卡</div>
<div>关闭其他选项卡</div>
<div></div>
<div data-options="iconCls:'icon-cancle'">关闭所有选项卡</div>
</div>
</body>