Skip to main content

DxContextMenu.ItemClick Event

Fires when a user clicks a menu item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor


public EventCallback<ContextMenuItemClickEventArgs> ItemClick { get; set; }

Event Data

The ItemClick event's data class is ContextMenuItemClickEventArgs. The following properties provide information specific to this event:

Property Description
ItemInfo Returns information about a clicked menu item.


Use the ItemClick event to specify a common click handler that should be applied to all menu items.

<div class="card-header">
    @if (ClickedItem != null) {
        <span>Clicked item: <b>@ClickedItem</b></span>
    else {
        <span>Clicked item: None</span>

<DxContextMenu ItemClick="@OnItemClick">
        <DxContextMenuItem Text="Sort By" IconUrl="images/Sort_by.svg">
                <DxContextMenuItem Text="Name"></DxContextMenuItem>
                <DxContextMenuItem Text="Size"></DxContextMenuItem>
                <DxContextMenuItem Text="Type"></DxContextMenuItem>
        @* ... *@

@code {
    string ClickedItem { get; set; }

    void OnItemClick(ContextMenuItemClickEventArgs args) {
        ClickedItem = args.ItemInfo.Text;

ContextMenu Handle Click

Run Demo: Context Menu - Data Binding

You can also specify individual click handlers for individual menu items. Handle the Click event to do this.

See Also