ext3 ext4 gridpanel 列自动撑开

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',
		sortable : false,
		fixed : true,
		renderer : this.formatFileSize,
		align : 'right'
	}, {
		header : '类型',
		width : 60,
		dataIndex : 'fileType',
		sortable : false,
		fixed : true,
		renderer : this.formatIcon,
		align : 'center'
	}, {
		header : '进度',
		width : 100,
		dataIndex : '',
		sortable : false,
		fixed : true,
		renderer : this.formatProgressBar,
		align : 'center'
	}, {
		header : '状态',
		width : 35,
		dataIndex : 'fileState',
		renderer : this.formatState,
		sortable : false,
		fixed : true,
		align : 'center'
	}, {
		header : ' ',
		width : 28,
		dataIndex : 'msg',
		renderer : this.columnTooltip,
		sortable : false,
		fixed : true,
		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的宽度变化各列自动调整。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值