Ext 动态表头和行合并

1.产生动态的表头

function initHeader(data){
	var colWidth = 50;  
	var headers = data.header;
	var fields = data.fields;
	if(headers == null || headers.length == null || headers.length == 0){
		alert("请先给XXX！");
		return;
	}
	/*
	 * 构建field和data
	 */
	var dataMaps =[];
	dataMaps.push({name:'group_name',details:[]});
	for(var k=0;k<fields.length;k++){
		dataMaps.push(fields[k]);
	}
	dataMaps.push({name:'total_count',details:[]});
	var gridStore = new Ext.data.JsonStore({
		data: {root:data.datas},
		autoDestroy: true,
		root:'root',
		fields:dataMaps		
	});

	/**
	 * 构建复杂表头
	 */
	var columns = [{header: 'XX', locked:true, width: 90, dataIndex: 'group_name'},
				   {header: '合计', locked:true, width: 40, dataIndex: 'total_count'}];
	var columnsRow = [{header: 'XX',align:'center',rowspan:2,colspan:1,locked:true,height:46},
					  {header: '合计',align:'center',rowspan:2,colspan:1,locked:true,height:46}];
	for(var i=0; i<headers.length; i++){
		var dataInfo = headers[i];
		var dates = dataInfo.header_2;
		//第一行
		var hrcell = {};
		hrcell.header = dataInfo.header_1;//列名
		hrcell.colspan = dates.length;
		hrcell.align = 'center';
		hrcell.width = dates.length*colWidth;
		columnsRow.push(hrcell);
		for(var j=0; j<dates.length; j++){
			var dobj = dates[j];
			//第二行
			var drcell = {};
			drcell.header = dobj.count_name;
			drcell.width = colWidth;
			drcell.align = 'center';
			drcell.dataIndex = dobj.column_index;
			columns.push(drcell);
		}
	}
	var grid = new Ext.grid.GridPanel({
		allowEdit:false,
		columnLines: true,
		autoScroll:true,
		stripeRows: true,
		autoSizeColumns : false,
		view:  new Ext.ux.grid.LockingGridView(),
		store:gridStore,
		enableColLock:false,
		enableColumnResize:false,
		enableColumnMove: false,
		enableColumnHide:false,
		colModel: new Ext.ux.grid.LockingColumnModel(/*columns*/{
			columns:columns,
			defaultSortable: true,
			bLockedTable:true,
			rows: [columnsRow]
		}),
	    viewConfig: {
	        forceFit: false
	    },
	    sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
	    title: '',
	    plugins: [new Ext.ux.plugins.GroupHeaderGrid()]
	});
	return grid;
}