A pagination component that provides navigation controls for paged data display. RadzenPager displays page numbers, navigation buttons, and optional page size selector for navigating through large datasets. Works standalone or integrated with data components like RadzenDataGrid and RadzenDataList. Provides navigation buttons (First/Previous/Next/Last page with customizable labels and icons), clickable page number buttons with configurable count, optional dropdown to change items per page, summary display ("Page X of Y" or custom summary text), alignment controls (left/center/right) via HorizontalAlign, compact or default spacing density, and ARIA labels for all buttons for accessibility. The PageChanged event provides Skip and Top values for loading the correct page of data. Use Count to specify total items, PageSize for items per page, and PageNumbersCount for visible page buttons.
IComponent
IHandleEvent
IHandleAfterRender
RadzenComponent.SetParametersAsync
RadzenComponent.RaiseContextMenu
RadzenComponent.RaiseMouseEnter
RadzenComponent.AddContextMenu
RadzenComponent.RaiseMouseLeave
RadzenComponent.OnBecameInvisible
RadzenComponent.DefaultCulture
RadzenComponent.IsJSRuntimeAvailable
ComponentBase.OnInitializedAsync
ComponentBase.OnParametersSet
ComponentBase.StateHasChanged
ComponentBase.ShouldRender
ComponentBase.OnAfterRender
ComponentBase.InvokeAsync
ComponentBase.DispatchExceptionAsync
ComponentBase.RendererInfo
ComponentBase.Assets
ComponentBase.AssignedRenderMode
Namespace: Radzen.Blazor
Assembly: Radzen.Blazor.dll
public class RadzenPager : RadzenComponent, IComponent, IHandleEvent, IHandleAfterRenderBasic pager:
<RadzenPager Count=@totalCount PageSize="20" PageNumbersCount="5" PageChanged=@LoadPage />
@code {
int totalCount = 250;
async Task LoadPage(PagerEventArgs args)
{
// Load items from args.Skip, take args.Top
}
}
Pager with page size selector:
<RadzenPager Count=@totalCount PageSize=@pageSize PageSizeChanged=@OnPageSizeChanged
PageSizeOptions=@(new int[] { 10, 20, 50, 100 }) ShowPagingSummary="true" />A pagination component that provides navigation controls for paged data display. RadzenPager displays page numbers, navigation buttons, and optional page size selector for navigating through large datasets. Works standalone or integrated with data components like RadzenDataGrid and RadzenDataList. Provides navigation buttons (First/Previous/Next/Last page with customizable labels and icons), clickable page number buttons with configurable count, optional dropdown to change items per page, summary display ("Page X of Y" or custom summary text), alignment controls (left/center/right) via HorizontalAlign, compact or default spacing density, and ARIA labels for all buttons for accessibility. The PageChanged event provides Skip and Top values for loading the correct page of data. Use Count to specify total items, PageSize for items per page, and PageNumbersCount for visible page buttons.
public RadzenPager()Gets or sets number of page links.
protected int numberOfPageLinksGets or sets a value indicating whether pager is visible even when not enough data for paging.
public bool AlwaysVisible { get; set; }
| Type | Description |
|---|---|
| bool | Gets or sets a value indicating whether pager is visible even when not enough data for paging. |
Gets or sets the total items count.
public int Count { get; set; }
| Type | Description |
|---|---|
| int | Gets or sets the total items count. |
Gets the current page.
public int CurrentPage { get; }
| Type | Description |
|---|---|
| int | Gets the current page. |
Gets or sets a value indicating Pager density.
public Density Density { get; set; }
| Type | Description |
|---|---|
| Density | Gets or sets a value indicating Pager density. |
Gets or sets the pager's first page button's aria-label attribute.
public string FirstPageAriaLabel { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's first page button's aria-label attribute. |
Gets or sets the pager's first page button's title attribute.
public string FirstPageTitle { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's first page button's title attribute. |
Gets or sets the horizontal align.
public HorizontalAlign HorizontalAlign { get; set; }
| Type | Description |
|---|---|
| HorizontalAlign | Gets or sets the horizontal align. |
Gets or sets the pager's last page button's aria-label attribute.
public string LastPageAriaLabel { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's last page button's aria-label attribute. |
Gets or sets the pager's last page button's title attribute.
public string LastPageTitle { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's last page button's title attribute. |
Gets or sets the pager's next page button's aria-label attribute.
public string NextPageAriaLabel { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's next page button's aria-label attribute. |
Gets or sets the pager's optional next page button's label text.
public string NextPageLabel { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's optional next page button's label text. |
Gets or sets the pager's next page button's title attribute.
public string NextPageTitle { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's next page button's title attribute. |
Gets or sets the pager's numeric page number buttons' aria-label attributes.
public string PageAriaLabelFormat { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's numeric page number buttons' aria-label attributes. |
Gets or sets the page changed callback.
public EventCallback<PagerEventArgs> PageChanged { get; set; }
| Type | Description |
|---|---|
| EventCallback<PagerEventArgs> | Gets or sets the page changed callback. |
Gets or sets the page numbers count.
public int PageNumbersCount { get; set; }
| Type | Description |
|---|---|
| int | Gets or sets the page numbers count. |
Gets or sets the page size.
public int PageSize { get; set; }
| Type | Description |
|---|---|
| int | Gets or sets the page size. |
Gets or sets the page size changed callback.
public EventCallback<int> PageSizeChanged { get; set; }
| Type | Description |
|---|---|
| EventCallback<int> | Gets or sets the page size changed callback. |
Gets or sets the page size options.
public IEnumerable<int> PageSizeOptions { get; set; }
| Type | Description |
|---|---|
| IEnumerable<int> | Gets or sets the page size options. |
Gets or sets the page size description text.
public string PageSizeText { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the page size description text. |
Gets or sets the pager's numeric page number buttons' title attributes.
public string PageTitleFormat { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's numeric page number buttons' title attributes. |
Gets or sets the pager summary format. PagingSummaryTemplate has preference over this property.
public string PagingSummaryFormat { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager summary format. PagingSummaryTemplate has preference over this property. |
Gets or sets the pager summary template. Has preference over PagingSummaryFormat.
public RenderFragment<PagingInformation> PagingSummaryTemplate { get; set; }
| Type | Description |
|---|---|
| RenderFragment<PagingInformation> | Gets or sets the pager summary template. Has preference over PagingSummaryFormat. |
Gets or sets the pager's previous page button's aria-label attribute.
public string PrevPageAriaLabel { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's previous page button's aria-label attribute. |
Gets or sets the pager's optional previous page button's label text.
public string PrevPageLabel { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's optional previous page button's label text. |
Gets or sets the pager's previous page button's title attribute.
public string PrevPageTitle { get; set; }
| Type | Description |
|---|---|
| string | Gets or sets the pager's previous page button's title attribute. |
Gets or sets the pager summary visibility.
public bool ShowPagingSummary { get; set; }
| Type | Description |
|---|---|
| bool | Gets or sets the pager summary visibility. |
protected override void BuildRenderTree(Rendering.RenderTreeBuilder __builder)
| Type | Name | Description |
|---|---|---|
| Rendering.RenderTreeBuilder | __builder |
Goes to first page.
public Task FirstPage(bool forceReload)
| Type | Name | Description |
|---|---|---|
| bool | forceReload | if set to true [force reload]. |
| Type | Description |
|---|---|
| Task |
protected override string GetComponentCssClass()
| Type | Description |
|---|---|
| string |
Gets the page.
protected int GetPage()
| Type | Description |
|---|---|
| int | System.Int32. |
Gets the visible.
protected bool GetVisible()
| Type | Description |
|---|---|
| bool | true if XXXX, false otherwise. |
Goes to specified page.
public Task GoToPage(int page, bool forceReload)
| Type | Name | Description |
|---|---|---|
| int | page | The page. |
| bool | forceReload | if set to true [force reload]. |
| Type | Description |
|---|---|
| Task |
protected override Task OnAfterRenderAsync(bool firstRender)
| Type | Name | Description |
|---|---|---|
| bool | firstRender |
| Type | Description |
|---|---|
| Task |
Handles the key down event.
protected virtual Task OnKeyDown(KeyboardEventArgs args)
| Type | Name | Description |
|---|---|---|
| KeyboardEventArgs | args | The KeyboardEventArgs instance containing the event data. |
| Type | Description |
|---|---|
| Task |
Called when page size changed.
protected Task OnPageSizeChanged(object value)
| Type | Name | Description |
|---|---|---|
| object | value | The value. |
| Type | Description |
|---|---|
| Task |
Called when parameters set asynchronous.
protected override Task OnParametersSetAsync()
| Type | Description |
|---|---|
| Task | Task. |
Goes to previous page.
public Task PrevPage()
| Type | Description |
|---|---|
| Task |
Reloads this instance.
public virtual Task Reload()
| Type | Description |
|---|---|
| Task |