grid 动态列

grid动态列的实现，代码如下：

function showDetailInWindow() {
	var fields;//store字段
	var column;//列字段
	var alarmData;//数据
	DWREngine.setAsync(false);//关闭DWR异步
	MonitorDWR.getColumn(function(s){//返回值s为字符串，如：{fields:[{name:'sex'}],columnM:[{header:'性别',dataIndex:'sex',width:120,sortable:true}]}
		var ret_str = Ext.util.JSON.decode(s);
		fields = ret_str.fields;
		column = ret_str.columnM;
	})
	MonitorDWR.getAlarmDetail(function(s){//返回值s为标准的JSON数据
		alarmData = Ext.util.JSON.decode(s);
	})
	DWREngine.setAsync(true);//开启DWR异步
	var ds = new Ext.data.Store({
		proxy:new Ext.data.HttpProxy({url: '', method: 'POST'}),
		reader:new Ext.data.JsonReader({},fields)
	});
	ds.loadData(alarmData);
	column.unshift(new Ext.grid.RowNumberer());
	var cm = new Ext.grid.ColumnModel(column);
	var grid = new Ext.grid.GridPanel({
		title:'',
		frame:true,
		ds:ds,
		cm:new Ext.grid.ColumnModel(column)
	});
	var win = new Ext.Window({
		width:500,
		height:400,
		layout:'fit',
		title:'详细信息',
		items:[grid]
	})
	win.show();	
}

主要思路：其实grid动态列的实现，主要就是要定义一个ColumnModel，还有store中需要读取哪些字段，这些要和ColumnModel中的列对应起来。