论坛首页 Web前端技术论坛

GridPanel宽度自适应

浏览 21949 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-09-20  
Ext中的GridPanel如果不设宽度,在IE下会变得很宽,而FF下就没这个问题。
经过仔细调试源代码发现问题出在x-grid3-header-offset这个样式上,修正如下:
.x-grid3-header-offset{width:auto;}
   发表时间:2008-09-20  
楼主的意思是Grid的宽度不能设为百分比吗?用一个table将grid包住,然后设定渲染grid的div宽度百分比,不是可以让Grid的宽度自适应吗?
0 请登录后投票
   发表时间:2008-09-28  
很好,我也调试很久,火都冒了
0 请登录后投票
   发表时间:2008-09-29  
奇怪,我的是宽度刚好,高度不对
0 请登录后投票
   发表时间: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());
};
0 请登录后投票
   发表时间: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了。
0 请登录后投票
   发表时间:2008-10-18  
不需要这样复杂吧,在GRID所在的容器中设置layout:'fit'就能自适应了。
0 请登录后投票
   发表时间:2008-10-19  
        bodyStyle:'width:100%',
        viewConfig: {
            forceFit:true
        },
        stripeRows:true,
        enableDragDrop: true,
2 请登录后投票
   发表时间:2008-12-16  
你们的高度都是怎么控制的?写的死高度还是自适应高度?
0 请登录后投票
   发表时间:2008-12-16  
楼主的做法不对
按楼主的做法 列表内容宽度大于 列表外框宽度时
横向滚动列表到最右侧 会出现问题
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics