devexpress-examples/blazor-dxgrid-show-context-menu

Show the Context Menu when you right-click a Grid element.

Blazor Grid - Display a Context Menu

You can display a Context Menu when you right-click any Blazor Grid element. In this example, a click on a column header or row invokes the Context Menu.

Add the oncontextmenu:preventDefault to disable the standard browser context menu. In the Grid's CustomizeElement event handler, subscribe to the contextmenu event (displays the custom Context Menu).

The GridContextMenuContainer component contains Context Menu components. The GridContextMenuHelper class implements Context Menu's item generation, manages state, and includes the click handlers that use the Blazor Grid's API to execute commands.

Files to Review

• Index.razor
• GridContextMenuHelper.cs
• GridContextMenuContainer.razor

Documentation

• DxContextMenu
• DxGrid

Video

• Adding a Context Menu to a Grid

More Examples

• Blazor Data Grid - How to edit/delete the selected row by clicking on external buttons