DxGrid.PageIndexChanged Event
Fires when the grid’s active page index changes.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v21.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public EventCallback<int> PageIndexChanged { get; set; }
Parameters
Type | Description |
---|---|
Int32 | A new value of the PageIndex property. |
Remarks
The PageIndexChanged
event fires each time the PageIndex property value changes. The event is handled automatically when you use two-way data binding for the PageIndex
property (@bind-PageIndex
).
You can also handle this event to respond to page index changes.
@inject WeatherForecastService ForecastService
<DxGrid Data="@Data" PageSize="3"
PageIndex="@GridPageIndex"
PageIndexChanged="OnPageIndexChanged">
<Columns>
<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>
<div>@PageIndexInfo</div>
@code {
object Data { get; set; }
int GridPageIndex { get; set; }
string PageIndexInfo { get; set; }
protected override void OnInitialized() {
Data = ForecastService.GetForecast();
}
void OnPageIndexChanged(int newPageIndex) {
GridPageIndex = newPageIndex;
PageIndexInfo = "You switched to page " + (newPageIndex + 1);
}
}
See Also