首页 > Web开发 > 详细

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

时间:2015-09-08 08:20:38      阅读:268      评论:0      收藏:0      [点我收藏+]

{
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());
}
}
}

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

原文:http://www.cnblogs.com/aliceQin/p/4790495.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!