extjs如何根据所选年份改变header

0 0

extjs如何根据所选年份改变header5

var planCm = new Ext.grid.ColumnModel({
	  		columns :[planRownum, {
				header : '主键',
				dataIndex : 'pdTecId',
				hidden : true
			}, {
				header : '指标维护表主键',
				dataIndex : 'pdIndexId',
				hidden : true
			}, {
				header : '单位',
				dataIndex : 'plantCode',
				hidden : true
			}, {
				header : '年度',
				dataIndex : 'dateYear',
				hidden : true
			},{
				header : '项目名称',
				dataIndex : 'indexName',
				width : 250,
				align : 'center',
				renderer : function girdShow(value, metadata, record) {
					metadata.attr = "style=\"white-space:normal;\"";
					return value;
				}
			}, {
				header : '计量单位',
				dataIndex : 'measureUnit',
				width : 100,
				align : 'center',
				renderer : function girdShow(value, metadata, record) {
					metadata.attr = "style=\"white-space:normal;\"";
					return value;
				}
			}, {
				header : '本年计划',
				dataIndex : 'thisYearPlan',
				width : 100,
				align : 'center'
			}, {
				header : '本年预算',
				dataIndex : 'thisYearPredict',
				width : 100,
				align : 'center'
			}, {
				header : '1-8月实际',
				dataIndex : 'janToAugCost',
				width : 100,
				align : 'center',
				editable : false
			}, {
				header : '9-12预计',
				dataIndex : 'septToDecCost',
				width : 100,
				align : 'center'
			}, {
				header : '年度计划',
				dataIndex : 'nextYearPlan',
				width : 100,
				align : 'center',
				editable : false
			},{
				header : '1月',
				dataIndex : 'janCost',
				width : 100,
				align : 'center'
			},{
				header : '2月',
				dataIndex : 'febCost',
				width : 100,
				align : 'center'
			},{
				header : '3月',
				dataIndex : 'marCost',
				width : 100,
				align : 'center'
			},{
				header : '4月',
				dataIndex : 'aprCost',
				width : 100,
				align : 'center'
			},{
				header : '5月',
				dataIndex : 'mayCost',
				width : 100,
				align : 'center'
			},{
				header : '6月',
				dataIndex : 'junCost',
				width : 100,
				align : 'center'
			},{
				header : '7月',
				dataIndex : 'julCost',
				width : 100,
				align : 'center',
				editable : true
			},{
				header : '8月',
				dataIndex : 'augCost',
				width : 100,
				align : 'center'
			},{
				header : '9月',
				dataIndex : 'septCost',
				width : 100,
				align : 'center',
				editable : true
			},{
				header : '10月',
				dataIndex : 'octCost',
				width : 100,
				align : 'center'
			},{
				header : '11月',
				dataIndex : 'novCost',
				width : 100,
				align : 'center'
			},{
				header : '12月',
				dataIndex : 'decCost',
				width : 100,
				align : 'center'
			}],
			rows : [[{
				rowspan : 1,
				colspan : 7,
				align : 'center'
			}, {
				rowspan : 1,
				colspan : 4,
				header : '2014年度',
				align : 'center'
			}, {
				rowspan : 1,
				colspan : 13,
				header : '2015年度',
				align : 'center'
			}]]
		});

plancm是放在grid中的，我想实现的是根据查询条件的年份来改变header : '2014年度'为相应的年度。 ext用的是2.2.1。
尝试过用Grid.getColumnModel().setColumnHeader()来修改，但是修改的是第二行的header.

问题补充：多表头使用的是plugins : [new Ext.ux.plugins.GroupHeaderGrid()]组件