blazor-devexpress-dot-blazor-407dab60.md
Contains contextual information for a Grid group row context menu.
Namespace : DevExpress.Blazor
Assembly : DevExpress.Blazor.v25.2.dll
NuGet Package : DevExpress.Blazor
public class GridGroupRowCommandContext :
GridCommandContextBase,
IGridCommandContext,
ICommandContextBase
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.
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 |
The following example adds custom Expand Row / Collapse Row commands to the group row context menu:
@inject WeatherForecastService ForecastService
<DxGrid Data="@forecasts"
ShowGroupPanel="true"
ContextMenus="GridContextMenus.GroupRow"
CustomizeContextMenu="OnCustomizeContextMenu">
<Columns>
<DxGridSelectionColumn />
<DxGridDataColumn FieldName=@nameof(WeatherForecast.TemperatureC) Caption="Temp. (C)" />
<DxGridDataColumn FieldName=@nameof(WeatherForecast.TemperatureF) Caption="Temp. (F)" />
<DxGridDataColumn FieldName=@nameof(WeatherForecast.Summary) Caption="Summary" GroupIndex="0" />
<DxGridDataColumn FieldName=@nameof(WeatherForecast.Date) DisplayFormat="dd/MM/yyyy" />
</Columns>
<GroupSummary>
<DxGridSummaryItem SummaryType="GridSummaryItemType.Count" FieldName="Date" FooterColumnName="Date" />
</GroupSummary>
</DxGrid>
@code {
private List<WeatherForecast>? forecasts;
protected override async Task OnInitializedAsync() {
forecasts = await ForecastService.GetForecastAsync();
}
void OnCustomizeContextMenu(GridCustomizeContextMenuEventArgs args) {
if (args.Context is GridGroupRowCommandContext groupRowContext) {
args.Items.AddCustomItem(0, "Collapse Group", () => {
groupRowContext.Grid.BeginUpdate();
groupRowContext.Grid.CollapseGroupRow(groupRowContext.RowVisibleIndex);
groupRowContext.Grid.EndUpdate();
});
args.Items.AddCustomItem(0, "Expand Group", () => {
groupRowContext.Grid.BeginUpdate();
groupRowContext.Grid.ExpandGroupRow(groupRowContext.RowVisibleIndex);
groupRowContext.Grid.EndUpdate();
});
}
}
}
using System;
public class WeatherForecast {
public int ID { get; set; }
public DateTime Date { get; set; }
public int TemperatureC { get; set; }
public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
public string? Summary { get; set; }
}
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading;
using System.Threading.Tasks;
public class WeatherForecastService {
public readonly string[] Summaries = new[] {
"Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
};
private List<WeatherForecast>? Forecasts;
public Task<List<WeatherForecast>> GetForecastAsync() {
if (Forecasts == null) {
var rnd = new Random();
Forecasts = Enumerable.Range(1, 50).Select(index => new WeatherForecast {
ID = index,
Date = DateTime.Today.AddDays(index),
TemperatureC = rnd.Next(-20, 55),
Summary = Summaries[rnd.Next(Summaries.Length)]
}).ToList();
}
return Task.FromResult(Forecasts);
}
public Task<List<WeatherForecast>> ChangeForecastAsync(WeatherForecast changed) {
var originalForecast = Forecasts.FirstOrDefault(i => i.ID == changed.ID);
if (originalForecast != null) {
originalForecast.TemperatureC = changed.TemperatureC;
originalForecast.Summary = changed.Summary;
originalForecast.Date = changed.Date;
} else {
Forecasts.Add(changed);
}
return Task.FromResult(Forecasts);
}
public Task<List<WeatherForecast>> Remove(WeatherForecast forecast) {
Forecasts.Remove(forecast);
return Task.FromResult(Forecasts);
}
}
// ...
builder.Services.AddSingleton<WeatherForecastService>();
Object DevExpress.Blazor.Grid.Internal.Base.ContextMenu.GridCommandContextBase GridGroupRowCommandContext
See Also