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时,依据所有实际列宽之和而定。