grid添加滚动条之viewConfig——autoFill、forceFit属性初了解

标签： 滚动条viewConfigautoFillforceFitgrid

2013-09-06 15:45 3558人阅读 评论(0) 收藏 举报

 分类：

 

Ext（10） 

版权声明：本文为博主原创文章，未经博主允许不得转载。

grid中列太多显示不全 困扰了我好久好久， 一直想添加滚动条，一直也不会，搞了半天才知道viewCofig属性的配置是关键。

var grid = new Ext.grid.EditorGridPanel({

    stripeRows : true,//斑马线

    loadMask : true,//数据加载过程中显示正在加载的效果

    autoScroll : true,//滚动条

    id : 'basicDataObjectId',//标识唯一性的组件id

    renderTo : 'basic_data_object_grid',//容器渲染的节点id

    store : dataStore,//表格数据

    border : false,//无边框

    sm : dataSM,//复选框列表模型

    cm : dataCM,//整个参数表格的列表模型

    viewConfig : {

          forceFit : false,  //false表示不会自动按比例调整适应整个grid，true表示依据比例自动智能调整每列以适应grid的宽度，阻止水平滚动条的出现。dataCM(ColumnModel)中任意width的设置可覆盖此配置项。

          autoFill : false   //false表示按照实际设置宽度显示每列，true表示当grid创建后自动展开各列，自适应整个grid.且，还会对超出部分进行缩减，让每一列的尺寸适应grid的宽度大小，阻止水平滚动条的出现。

       }

});

注意：要设置横向滚动条，必须设置forceFit : false。而autoFill的取值只影响第一次创建grid时的显示，autoFill值为true时，肯定不会出现滚动条，autoFill为false时，依据所有实际列宽之和而定。