Start Building Professional
Web Apps Today

setContextMenuHandler overriding existing Menu's handler

I have dhtmlxMenu and a dhtmlXContextmenu on the same page. I am setting the handler for the context menu using the code shown below

cMenu.setContextMenuHandler(onButtonClick);
function onButtonClick(menuitemId,grid_Id){
alert("Context mnu clicked");

}

This works fine except that it also overrides the handler of the dhtmlxMenu on the page. So if I click on any menu item this handler gets called. Please advise.

The setContextMenuHandler will affect only the single menu instance ,it will not affect any other menu objects on the page. 
The function set by setContextMenuHandler will override any code attached to the same menu object, by setOnClickHandler handler. They can't be used togather with the same menu object. 

That does not seem to be the behavior that is displayed.

Here is more detailed code.

This is the first menu

 

		var menuNamea90d86c8762142389e9df1fa54efaa88 = null;

		function doInitGrida90d86c8762142389e9df1fa54efaa88(){

			
			menuNamea90d86c8762142389e9df1fa54efaa88 = new dhtmlXContextMenuObject('120',0,"");
			
			menuNamea90d86c8762142389e9df1fa54efaa88.menu.setGfxPath("scripts/dhtmlxmenu/imgs/");
			menuNamea90d86c8762142389e9df1fa54efaa88.setOnShowMenuHandler(onShowMenua90d86c8762142389e9df1fa54efaa88);
			menuNamea90d86c8762142389e9df1fa54efaa88.menu.loadXML("ControlServlet?elementid=a90d86c8762142389e9df1fa54efaa88_f4c80a611f5449568f8d30caee1bebd9&contextmenu=menudata&uid=1224770187548");
			menuNamea90d86c8762142389e9df1fa54efaa88.setContextMenuHandler(onButtonClicka90d86c8762142389e9df1fa54efaa88);
			....
		}
 
		function onButtonClicka90d86c8762142389e9df1fa54efaa88(menuitemId,grid_Id){
			alert("First menu clicked");
		}
 
		dojo.addOnLoad(doInitGrida90d86c8762142389e9df1fa54efaa88);// Loads the first menu.
 
		// Second menu
		
		function doInitRightGrid(){
			var cMenu =new dhtmlXContextMenuObject('120',0,"");
			cMenu.setOnShowMenuHandler(onShowMenu);
			cMenu.setContextMenuHandler(onButtonClick);
			cMenu.menu.setGfxPath("scripts/dhtmlxmenu/imgs/");
			.....
			// Init dhtmlxGrid and assign mnu
			myrightGrid.enableContextMenu(cMenu);
 
			var item = new dhtmlXMenuItemObject("delete","Remove","","","contextMenu1");
			cMenu.menu.addItem(cMenu.menu,item);
		}
 
		function onButtonClick(menuitemId,grid_Id){
			alert("Second menu clicked");
		}
 
		dojo.addOnLoad(doInitRightGrid); // Init second menu.
 
If I run the above code, I see that the second function onButtonClick gets called even when the first menu is clicked. Whereas based on your explanation it should not happen.

Problem can't be reconstructed 
Please check attached sample