easyui布局
来源:互联网 发布:手机画板软件那个好 编辑:程序博客网 时间:2024/06/05 06:10
如图所示,页面是上左中下的布局,左边是一颗目录树,中间用来显示iframe页面,这样的布局是很常见的。
截图中的iframe是一个设备详情页,包括设备的基本信息、设备记录和配件列表等信息,我们在上部显示基本信息,下面用一个tab显示多个datagrid。最简单的实现是将这个iframe页也用layout,但是这样存在一个问题,上部的height需要定死,可能导致信息展示不全。
我们可以在tab外面包一个panel,id为 center,然后定义一个resize方法
function resize(){$("#center").panel("resize",function(){width: $(window).width()height: $(widow).height()-$("#info").height()})}
在页面加载完和页面resize的时候调用resize方法即可
测试时,会发现datagrid底部和右边会出现一些空白,这是出现了滚动条导致的,在body加上overflow:hidden就OK了
0 0
- EasyUI-布局
- EasyUI布局
- easyui 布局
- easyui布局
- easyui 布局
- easyUI 布局
- easyui 布局
- easyUI的布局入门
- easyUI window和布局
- jquery easyui 布局
- EasyUI的布局管理
- easyui---layout 布局实例
- easyui之layout布局
- easyui-layout 布局自适应
- EasyUI布局实战
- jQuery-easyUI布局
- easyUI DataGrid&布局
- EasyUi---layout整体布局
- ImageView:图片浏览器
- Android实用代码片段整合
- PAT--关键活动(30)
- float类型除法
- 电源管理新技术--动态功率路径管理(DPPM)
- easyui布局
- MATLAB神经网络编程(十)——Hopfield网络结构与应用
- velocity基本使用
- 加载动画
- 关于安卓基础迟迟没更新的原因
- HDU-1865-1sting
- 寻找最大数
- 关系型数据的分布式处理系统MyCAT(2)——高级功能和管理监控
- 变量的初始化