Skip to main content
All docs
V25.2
  • GridDataRowCommandContext Class

    Contains contextual information for a Grid data row context menu.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.2.dll

    Declaration

    public class GridDataRowCommandContext :
        GridDataRowCommandContextBase,
        IGridCommandContext,
        ICommandContextBase

    Remarks

    The DevExpress Blazor Grid allows you to display context menus with predefined and custom commands. Use the ContextMenus property to activate context menus for specific Grid elements.

    DevExpress Blazor Grid - Context Menus

    Run Demo: Context Menu

    Handle the CustomizeContextMenu event to modify the menu item collection. Use the Context event argument to identify the target Grid element and obtain contextual information.

    Target Element Context Type Contextual information
    Any GridCommandContext Grid
    Data Row GridDataRowCommandContext Grid, Column, DataItem, RowVisibleIndex
    Footer GridFooterCommandContext Grid, Column, SummaryItems
    Group Footer GridGroupFooterCommandContext Grid, Column, GroupRowVisibleIndex, SummaryItems
    Group Panel GridGroupPanelCommandContext Grid
    Group Row GridGroupRowCommandContext Grid, GroupColumn, RowVisibleIndex
    Header GridHeaderCommandContext Grid, Column

    Example

    The following code snippet adds custom commands for selection cells to the row context menu:

    @inject WeatherForecastService ForecastService
    
    <DxGrid Data="@Data" ContextMenus="GridContextMenus.DataRow" CustomizeContextMenu="OnCustomizeContextMenu">
        <Columns>
            <DxGridSelectionColumn />
            <DxGridDataColumn FieldName="Date" DisplayFormat="D" />
            <DxGridDataColumn FieldName="TemperatureC" Caption="@("Temp. (\x2103)")" Width="120px" />
            <DxGridDataColumn FieldName="TemperatureF" Caption="@("Temp. (\x2109)")" Width="120px" />
            <DxGridDataColumn FieldName="Forecast" />
            <DxGridDataColumn FieldName="CloudCover" />
        </Columns>
    </DxGrid>
    
    @code {
        object Data { get; set; }
    
        protected override void OnInitialized() {
            Data = ForecastService.GetForecast();
        }
    
        void OnCustomizeContextMenu(GridCustomizeContextMenuEventArgs args) {
            if (args.Context is GridDataRowCommandContext rowContext
                                && rowContext.Column is IGridSelectionColumn) {
                args.Items.AddCustomItem("Select All", async () => {
                    rowContext.Grid.BeginUpdate();
                    await rowContext.Grid.SelectAllAsync();
                    rowContext.Grid.EndUpdate();
                });
                args.Items.AddCustomItem("Deselect All", async () => {
                    rowContext.Grid.BeginUpdate();
                    await rowContext.Grid.DeselectAllAsync();
                    rowContext.Grid.EndUpdate();
                });
                args.Items.AddCustomItem("Select All on Page", () => {
                    rowContext.Grid.BeginUpdate();
                    rowContext.Grid.SelectAllOnPage();
                    rowContext.Grid.EndUpdate();
                });
                args.Items.AddCustomItem("Deselect All on Page", () => {
                    rowContext.Grid.BeginUpdate();
                    rowContext.Grid.DeselectAllOnPage();
                    rowContext.Grid.EndUpdate();
                });
            }
        }
    }
    

    Inheritance

    Object
    DevExpress.Blazor.Grid.Internal.Base.ContextMenu.GridCommandContextBase
    DevExpress.Blazor.Grid.Internal.Base.ContextMenu.GridHeaderCommandContextBase
    DevExpress.Blazor.Grid.Internal.Base.ContextMenu.GridDataRowCommandContextBase
    GridDataRowCommandContext
    See Also