ExtJS3.3 在grid里面调出一个colorMenu

{
id:'color',
name:'color',
header:'Color',
width:50,
sortable:true,
dataIndex:'color',
renderer: function(value, cellmeta, record,rowIndex,colIndex,store) {
var defaultColor
var display="<div style='background-color:"+record.data['color']+";width:10px;height:10px'></div>";
return display;
} ,
listeners:{
click(_this, The, rowIndex, e){
var colorMenu = new Ext.menu.ColorMenu({
handler: function(cm, color){
//Ext.Msg.alert('Color Selected', color);

//注意此处想要更换color时，如果只是修改secondGrid.store.getAt(rowIndex).data['color']=newColor; 是没有效果的，需要先把store该行的删了，在加进去，才有效果

//也需要注意的是extJs对参数顺序和个数有非常严格的规定，如果参数写的不对，一般不起效果

var newColor='#'+color;
secondGrid.store.getAt(rowIndex).data['color']=newColor;
var rc=secondGrid.store.getAt(rowIndex);
secondGrid.store.remove(secondGrid.store.getAt(rowIndex));
secondGrid.store.insert(rowIndex,rc);
secondGrid.store.reload();
}
});

colorMenu.showAt(e.getXY());
}
}
}