onclick

Description

Fires on clicking an item of Context Menu or outside the menu

Usage

onclick?: (ev: {
  context?: any;
  action: IMenuOption;  // @deprecated use `option` instead. Will be removed in v3.0 
  option: IMenuOption;    
  event?: MouseEvent;    
}) => void;

Parameters

• ev - an event object with the next parameters:
  • context - (optional) an object for which menu was called
  • action - (required) the object of selected (clicked) menu item, empty if menu was closed by an outside click (for the MenuOption parameters description refer to options)
  • option - (required) same as action
  • event - (optional) a native html event

Example

<script>
   let message = "";

  function clicked(ev){
    const action = ev.action;
    message = action ? `clicked on ${action.id}` : "closed";
  }
</script>

<ContextMenu {options} onclick={clicked} >
  <Button type="primary">Right-Click me</Button>
</ContextMenu>

Related article: Catching the change of a clicked option

Related sample: Context Menu