通过 $.fn.layout.defaults 重写默认的 defaults。 布局（layout）是有五个区域（北区 north、南区 south、东区 east、西区 west 和中区 center）的容器。中间的区域面板是必需的，边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。布局（layout）可以嵌套，因此用户可建立复杂的布局。  依赖用法创建布局（Layout）1、通过标记创建布局（Layout）。 添加 'easyui-layout' class 到 <div> 标记。 <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',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'" style="padding:5px;background:#eee;"></div></div> 2、在整个页面上创建布局（Layout）。 <body class="easyui-layout"> <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',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'" style="padding:5px;background:#eee;"></div></body> 3、创建嵌套布局。 请注意，内部布局的西区面板是折叠的。 <body class="easyui-layout"> <div data-options="region:'north'" style="height:100px"></div> <div data-options="region:'center'">
下载地址:
jQuery EasyUI 菜单与按钮插件 - Menu 菜单
jQuery EasyUI 布局插件 - Accordion 折叠面板 |
