当前位置:首页 > Web开发 > 正文

标签: ylbtech-tbm-JS-jQuery-EasyUI-Layout:Layout 布局 通过 $.fn.l

2024-03-31 Web开发

标签:

ylbtech-tbm-JS-jQuery-EasyUI-Layout:Layout 构造  

通过 $.fn.layout.defaults 重写默认的 defaults。

构造(layout)是有五个区域(北区 north、南区 south、东区 east、西区 west 和中区 center)的容器。中间的区域面板是必须的,边沿区域面板是可选的。每个边沿区域面板可通过拖拽边框调解尺寸,,也可以通过点击折叠触发器来折叠面板。构造(layout)可以嵌套,因此用户可成立庞大的构造。

1.  

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、

2.  

 

3.  

 

4.  

 

5.  

1、

https://www.runoob.com/jeasyui/plugins-layout-layout.html

2、

 

6.  

 

  作者:ylbtech
来由:
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必需保存此段声明,且在文章页面明显位置给出原文连接,否则保存追究法令责任的权利。
 

JS-jQuery-EasyUI-Layout:Layout 构造

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31834.html