ext form 自定义右键菜单. 出现了奇怪的现象

Question

在几个不同的grid中同样定义了右键菜单,在点击多次以后会出现带有前面定义的菜单项,
如:
form1中只定义 删除,
form2中只定义 添加,在他们两个两个之间换着点击右键的时候,会同时出现{ 添加 删除 }的情况,在次点击别外一个form时自定义的那个右键在出现屏幕上不消失,选中功能依然是有效的..//form1
this.moduleGrid.on('rowcontextmenu', function(grid, rowIndex, e) {
e.preventDefault();
contextmenu.showAt(e.getXY());
me.moduleGrid.getSelectionModel().selectRow(rowIndex);
});var contextmenu = new Ext.menu.Menu({
id : 'theContextMenu',
items : [{
text : '删除',
icon : '/image/icons/add.gif',
handler : function() {
//..调用删除方法
}
}]
});
//form2
this.pageGrid.on('rowcontextmenu', function(grid, rowIndex, e) {
e.preventDefault();
contextmenu.showAt(e.getXY());
me.pageGrid.getSelectionModel().selectRow(rowIndex);
});var contextmenu = new Ext.menu.Menu({
id : 'theContextMenu',
items : [{
text : '添加',
icon : '/image/icons/add.gif',
handler : function() {
//..调用添加方法
}
}]
});求ext高手帮助一下...

Answer 1

id 重复了  两个用不同的id