Additional context menu handlers

[trbagley-gresham]

Summary

There is currently an onColumnHeaderContextMenu event to capture right clicking on the column header. It would be useful to extend these handlers to include an onRowContextMenu and onCellContextMenu. Whilst a similar outcome can be achieved using the onContextMenu slot prop, extra work is required to extract useful properties such as the column definition.

The solution involves exposing an onRowContextMenu and onCellContextMenu prop directly from the grid to create a consistent API. Both handlers would follow the same interface as their left click counterparts:

export interface GridRowEventLookup {
    /**
     * Fired when the user attempts to open a context menu in from a row.
     */
    rowContextMenu: {
        params: GridRowParams;
        event: React.MouseEvent<HTMLElement>;
    };
}

export interface GridCellEventLookup {
    /**
     * Fired when the user attempts to open a context menu in a cell.
     */
    cellContextMenu: {
        params: GridCellParams<any>;
        event: React.MouseEvent<HTMLElement>;
    };
}

They would then be exposed from the grid like so:

<DataGrid onRowContextMenu={...} onCellContextMenu={...} />

Examples

#14734

Motivation

Listen for context menu events on grid cells with simplified access to cell properties (e.g. colDef, value etc.).

Search keywords: eventhandler contextmenu prop

Order ID: 45466