Extjs中grid 的ColumnModel 属性配置

var colModel = new Ext.grid.ColumnModel([
...{ header:'编号', dataIndex:'id'，width:200},
...{ header:'名称', dataIndex:'name',width:300}
]};
			

				 
		

var colModel = new Ext.grid.ColumnModel(...{
columns:[ --列集合的定义
 ...{ header:'编号', dataIndex:'id'，width:200},
...{ header:'名称', dataIndex:'name',width:300}
],
defaults:...{ --公共属性配置
 sortable:true,
menuDisabled:true,
width:100
},
listeners:...{ --监听事件
 "widthchange":function(cm,colIndx,width)...{
saveConfig(colIndex,width);
}
}
});

		

 Ext.grid.ColumnModel([...{ 
id: 列的唯一标识，可以用于定义css，如：(.x-grid-td-topic b ...{ color:#333 }) 
header: 列的名称 
dataIndex: 在store中本列值的索引 
sortable: 设置本列是否支持排序 
renderer: 列值的渲染函数，定义函数如：function renderName(value, cellmeta, record, rowIndex, columnIndex, store)...{} 
width : 列宽 
hidden:true 是否隐藏本列 
}]);


//value是当前单元格的值
//cellmeta里保存的是cellId单元格id，id不知道是干啥的，似乎是列号，css是这个单元格的css样式。
//record是这行的所有数据，你想要什么，record.data["id"]这样就获得了。
//rowIndex是行号，不是从头往下数的意思，而是计算了分页以后的结果。
//columnIndex列号太简单了。
//store，这个厉害，实际上这个是你构造表格时候传递的ds，也就是说表格里所有的数据，你都可以随便调用。

function renderDescn(value, cellmeta, record, rowIndex, columnIndex, store) ...{
var str = "<input type='button' value='查看详细信息' onclick='alert(""" +
"这个单元格的值是：" + value + "" +
"这个单元格的配置是：{cellId:" + cellmeta.cellId + ",id:" + cellmeta.id + ",css:" + cellmeta.css + "}""n" +
"这个单元格对应行的record是：" + record + "，一行的数据都在里边" +
"这是第" + rowIndex + "行" +
"这是第" + columnIndex + "列" +
"这个表格对应的Ext.data.Store在这里：" + store + "，随便用吧。" +
""")'>";
return str;
}