ext3 ext4 gridpanel 列自动撑开

发布时间：2020-12-15 03:57:43 所属栏目：百科来源：网络整理

导读：ext3：通过autoExpandColumn 属性控制，在grid的宽度增加时，该列会自动撑开，其他列不变； new Ext.grid.GridPanel({border : false,enableColumnMove : false,enableHdMenu : false,columns : [new Ext.grid.RowNumberer(),{header : '文件名',width : 100

ext3：通过autoExpandColumn 属性控制，在grid的宽度增加时，该列会自动撑开，其他列不变；

new Ext.grid.GridPanel({
	border : false,enableColumnMove : false,enableHdMenu : false,columns : [new Ext.grid.RowNumberer(),{
		header : '文件名',width : 100,dataIndex : 'fileName',sortable : false,fixed : true,renderer : this.formatFileName
	},{
		header : '大小',width : 80,dataIndex : 'fileSize',renderer : this.formatFileSize,align : 'right'
	},{
		header : '类型',width : 60,dataIndex : 'fileType',renderer : this.formatIcon,align : 'center'
	},{
		header : '进度',dataIndex : '',renderer : this.formatProgressBar,{
		header : '状态',width : 35,dataIndex : 'fileState',renderer : this.formatState,{
		header : '?',width : 28,dataIndex : 'msg',renderer : this.columnTooltip,align : 'left',id : autoExpandColumnId
	}],autoExpandColumn : autoExpandColumnId,ds : new Ext.data.SimpleStore({
		fields : ['fileId','fileName','fileSize','fileType','fileState','msg']
	})
});

ext4: gridpanel添加属性forcefit: true，同时固定不变的列用width固定宽度，自动撑开列用属性flex: 1即可；如果每一列都用属性flex去划分，既可以随grid的宽度变化各列自动调整。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!