easyui--3.layout

EasyUI布局详解

最新推荐文章于 2023-03-30 13:33:11 发布

原创最新推荐文章于 2023-03-30 13:33:11 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了一个使用EasyUI框架实现的布局案例，通过四个方向（北、南、东、西）和中心区域的具体设置，展示了如何构建一个完整的网页布局。每个区域都有特定的样式和属性配置。

1 完整表格

1.1 普通

<body class="easyui-layout">
   <div data-options="region:'north',title:'NorthTitle',split:true" style="height:100px;"></div>
   <div data-options="region:'south',title:'SouthTitle',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:'centertitle'" style="padding:5px;background:#eee;"></div>

<script type="text/javascript">

</script>

</body>