extjs2.2 问题，改变列表宽度时获取新的宽度，求大神指点

Ext.onReady(function(){
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){
alert(width);
}
}
});
var data=[
[*1*,*name1*],
[*2*,*name2*],
[*3*,*name3*],
[*4*,*name4*],
[*5*,*name5*]
];
var ds=new Ext.data.Store({
proxy:new Ext.data.MemoryProxy(data),
reader:new Ext.data.ArrayReader({},[
{name:*id*},
{name:*name*},
{name:*desn*}
])
});
ds.load();
var grid=new Ext.grid.GridPanel({
renderTo:"grid",
store: ds,
height:600,
enableColumnMove: true,
enableColumnResize: true,
stripeRows: true,
loadMask: true,
cm:colModel
});
});
求大神指点，急，加了监听改变列宽的事件 没有效果