esayyui的layout嵌套布局可以解决fit自适应的位置偏移问题
2015-08-30 07:13
471 查看
如果在一个父组件中要有多个子组件,那么用layout嵌套布局解决fit的问题
例如:在layout组件的中部,有一个表格组件,然后又想在表格组件的上面有一个输入查询框,
这时在表格组件中使用fit就会导致表格的分页位置被遮挡,
解决代码如下:
<div class="easyui-layout"
data-options="fit:true">
<div data-options="region:'north'" style="height:100px">
输入框,按钮等等
</div>
<div data-options="region:'center'">
<div class="easyui-layout" data-options="fit:true">
表格带分页的组件位置正常啦
</div>
</div>
</div>
例如:在layout组件的中部,有一个表格组件,然后又想在表格组件的上面有一个输入查询框,
这时在表格组件中使用fit就会导致表格的分页位置被遮挡,
解决代码如下:
<div class="easyui-layout"
data-options="fit:true">
<div data-options="region:'north'" style="height:100px">
输入框,按钮等等
</div>
<div data-options="region:'center'">
<div class="easyui-layout" data-options="fit:true">
表格带分页的组件位置正常啦
</div>
</div>
</div>
相关文章推荐
- easyui------显示隐藏列功能
- jQuery寻找n以内完全数的方法
- 推荐10个2014年最佳的jQuery视频插件
- 采用easyui tree编写简单角色权限代码的方法
- 基于jquery中children()与find()的区别介绍
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- JQuery打造PHP的AJAX表单提交实例
- jquery easyui使用心得
- 初试jQuery EasyUI 使用介绍
- easyui Droppable组件实现放置特效
- jQuery实现的fixedMenu下拉菜单效果代码
- 浅谈jQuery构造函数分析
- 在VS2008中使用jQuery智能感应的方法
- 从Ajax到JQuery Ajax学习
- jQuery仿gmail实现fixed布局的方法
- jQuery判断当前点击的是第几个li的代码
- jQuery判断一个元素是否可见的方法
- jquery.validate的使用说明介绍
- jquery 常用操作整理 基础入门篇
- jquery插件splitScren实现页面分屏切换模板特效