ylbtech-tbm-JS-jQuery-EasyUI-Layout:Layout 布局 |
通过 $.fn.layout.defaults 重写默认的 defaults。
布局(layout)是有五个区域(北区 north、南区 south、东区 east、西区 west 和中区 center)的容器。中间的区域面板是必需的,边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸,也可以通过点击折叠触发器来折叠面板。布局(layout)可以嵌套,因此用户可建立复杂的布局。
1、
1.1 代码
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>布局</title>
<link rel="stylesheet" type="text/css" href="../Common/CSS/easyui/default/easyui.css" />
<script type="text/javascript" src="../Common/JS/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../Common/JS/jquery.easyui.min.js"></script>
</head>
<body>
<div class="easyui-layout" data-options="fit:true">
<!--北区-->
<div data-options="region:'north',border:false" style="height: 32px;">
北区
</div>
<!--西区-->
<div region="west" style="width: 250px;">
西区
</div>
<!--中区-->
<div region="center">
中区
</div>
<!--东区-->
<div region="east" style="width: 250px;">
东区
</div>
<!--南区-->
<div data-options="region:'south',border:false" style="height: 32px;">
南区
</div>
</div>
</body>
</html>
1.2 效果
2、
1、
https://www.runoob.com/jeasyui/plugins-layout-layout.html
2、