锁定老帖子 主题:GridPanel宽度自适应
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2008-09-20
经过仔细调试源代码发现问题出在x-grid3-header-offset这个样式上,修正如下: .x-grid3-header-offset{width:auto;} 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
发表时间:2008-09-20
楼主的意思是Grid的宽度不能设为百分比吗?用一个table将grid包住,然后设定渲染grid的div宽度百分比,不是可以让Grid的宽度自适应吗?
|
|
返回顶楼 | |
发表时间:2008-09-28
很好,我也调试很久,火都冒了
|
|
返回顶楼 | |
发表时间:2008-09-29
奇怪,我的是宽度刚好,高度不对
|
|
返回顶楼 | |
发表时间:2008-10-10
<div id="gridGrid" style="width:100%;height:200px"></div>
var gridGrid =Ext.get("gridGrid"); //展示grid的容器 var grid = new Ext.grid.GridPanel({ title:"人员管理", ds: ds, //数据源 cm: colModel, //列模式 sm:selMode, //选择模式 width: gridGrid.getComputedWidth(), height: gridGrid.getComputedHeight(), autoExpandColumn:"memory", //自动扩展宽度的列 autoScroll:true, loadMask:{msg:"数据加载中,请稍等..."} }); ds.load(); grid.render(gridGrid); //把grid铺到id为grid的容器中 window.onresize=function(){ grid.setWidth(gridGrid.getComputedWidth()); }; |
|
返回顶楼 | |
发表时间:2008-10-16
honlin 写道 <div id="gridGrid" style="width:100%;height:200px"></div>
var gridGrid =Ext.get("gridGrid"); //展示grid的容器 var grid = new Ext.grid.GridPanel({ title:"人员管理", ds: ds, //数据源 cm: colModel, //列模式 sm:selMode, //选择模式 width: gridGrid.getComputedWidth(), height: gridGrid.getComputedHeight(), autoExpandColumn:"memory", //自动扩展宽度的列 autoScroll:true, loadMask:{msg:"数据加载中,请稍等..."} }); ds.load(); grid.render(gridGrid); //把grid铺到id为grid的容器中 window.onresize=function(){ grid.setWidth(gridGrid.getComputedWidth()); }; 我一开始也是用js重新计算宽度的,后来发现只要简单的修正一下样式表就OK了。 |
|
返回顶楼 | |
发表时间:2008-10-18
不需要这样复杂吧,在GRID所在的容器中设置layout:'fit'就能自适应了。
|
|
返回顶楼 | |
发表时间:2008-10-19
bodyStyle:'width:100%',
viewConfig: { forceFit:true }, stripeRows:true, enableDragDrop: true, |
|
返回顶楼 | |
发表时间:2008-12-16
你们的高度都是怎么控制的?写的死高度还是自适应高度?
|
|
返回顶楼 | |
发表时间:2008-12-16
楼主的做法不对
按楼主的做法 列表内容宽度大于 列表外框宽度时 横向滚动列表到最右侧 会出现问题 |
|
返回顶楼 | |