[Solved] Dynamic ContextMenu

[Vincent]

Hi,

I have an ASP.Net Grid with rows in it. Depending on the type of row being right-clicked upon I want to show a different ContextMenu.
The contents of this ContextMenu should be computed server-side. My client-side code is below:

/* this.aspGrid.ClientSettings.ClientEvents.OnRowContextMenu is set to JavaScript like below: */

function(grid, row) {
 var menu = $find('contextMenu');
 var evt = row.get_domEvent();
 if ((!evt.relatedTarget) || (!$telerik.isDescendantOrSelf(menu.get_element(), evt.relatedTarget))) {
  window.setTimeout(
    function() {
      alert(123123);
      grid.get_masterTableView().fireCommand('showContextmenu', row.get_itemIndexHierarchical());
      menu.show( evt );
     },
     0);
   }
 }

Server side the command showContextmenu creates a new RadMenuItemCollection and assigns this reference to the RadContextMenu. Then this RadContextMenu is updated. However when the menu.show() is called client-side the ContextMenu appears and then immediately disappears.

How can I accomplish dynamic loading of a RadContextMenu on a row in a Grid?

[Veselin Vasilev]

Hi Vincent,

Please check our online demo: Ajax Enabled Context Menu in Grid

I hope this will get you started.

Greetings,
Veselin Vasilev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Vincent]

Hi Veselin,

I've already checked that demo. However in that demo the ContextMenu has static contents. I need some clarifications on how to do a callback to the server and reload the RadMenuItemCollection (where the contents of that collection depend on the row being selected) correctly.

Regards,
Vincent

[Yana]

Hello Vincent,

I've attached a simple page demonstrating the needed approach. Please download it and give it a try.

Best wishes,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.