How to focus on ContextMenu

[Jack]

I am building a custom widget with a kendo.ui.ContextMenu,

On Alt+M KeyUp event I open the menu using this.menu.open().

Following opening, I would like the menu to have the focus to navigate with arrow keys.

How can I achieve that?

 

[Dimitar]

Hello Jack,

You should be able to achieve the desired result by using the jQuery focus() method on the ContextMenu wrapper as follows:

<script>
  $(document).keydown(function(e) {
    if ((e.metaKey || e.altKey) && ( String.fromCharCode(e.which).toLowerCase() === 'm') ) {
      var contextMenu = $("#menu").getKendoContextMenu();

      contextMenu.open();
      contextMenu.wrapper.focus();
    }
  });
</script>

Refer to the following Dojo example, where the above code snippet is integrated. With it, the ContextMenu is being successfully opened after pressing "Alt+m". In addition to this, the wrapper of the widget is focused, thus allowing to navigate through the ContextMenu items with the arrow keys.

Regards,
Dimitar
Progress Telerik