首页 > 其他 > 详细

easyUI 布局

时间:2018-05-15 12:38:15      阅读:208      评论:0      收藏:0      [点我收藏+]

 

  

Layout(布局)

布局容器有5个区域:北、南、东、西和中间。中间区域面板是必须的,边缘的面板都是可选的。

每个边缘区域面板都可以通过拖拽其边框改变大小,也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套,用户可以通过组合布局构建复杂的布局结构。

技术分享图片

在api文档中,有两种方法渲染

  1. <body class="easyui-layout">  
  2.     <div data-options="region:‘north‘,title:‘North Title‘,split:true" style="height:100px;"></div>  
  3.     <div data-options="region:‘south‘,title:‘South Title‘,split:true" style="height:100px;"></div>  
  4.     <div data-options="region:‘east‘,iconCls:‘icon-reload‘,title:‘East‘,split:true" style="width:100px;"></div>  
  5.     <div data-options="region:‘west‘,title:‘West‘,split:true" style="width:100px;"></div>  
  6.     <div data-options="region:‘center‘,title:‘center title‘" style="padding:5px;background:#eee;"></div>  
  7. </body> 

 

效果图

技术分享图片

 

第二种就是

  1. <div id="cc" class="easyui-layout" style="width:600px;height:400px;">  
  2.     <div data-options="region:‘north‘,title:‘North Title‘,split:true" style="height:100px;"></div>  
  3.     <div data-options="region:‘south‘,title:‘South Title‘,split:true" style="height:100px;"></div>  
  4.     <div data-options="region:‘east‘,iconCls:‘icon-reload‘,title:‘East‘,split:true" style="width:100px;"></div>  
  5.     <div data-options="region:‘west‘,title:‘West‘,split:true" style="width:100px;"></div>  
  6.     <div data-options="region:‘center‘,title:‘center title‘" style="padding:5px;background:#eee;"></div>  
  7. </div>

 

 

这种设置  好多bug...  解决不了啊, 那个大哥帮我解决一下下...

 

easyUI 布局

原文:https://www.cnblogs.com/whatarey/p/9040361.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!