Skip to main content

DxPager.NavigationMode Property

Specifies how users navigate between the Pager‘s pages.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(PagerNavigationMode.Auto)]
[Parameter]
public PagerNavigationMode NavigationMode { get; set; }

Property Value

Type Default Description
PagerNavigationMode Auto

A PagerNavigationMode enumeration value.

Available values:

Name Description
Auto

The input box is displayed if the number of pages is greater than or equal to the SwitchToInputBoxButtonCount (for the Pager) or PagerSwitchToInputBoxButtonCount (for the Grid), or the pager is shown on small devices. Otherwise, numeric buttons are displayed.

InputBox

Users can type a page number in the displayed Go to Page input box to jump to the corresponding page.

NumericButtons

Users can click numeric buttons to navigate between pages.

Remarks

The DxPager component supports various navigation modes that specify how users interact with the pager. This component can display the Go to Page input box (InputBox mode) or numeric buttons (NumericButtons mode) to navigate between pages.

In Auto mode, the component switches from numeric buttons to the Go to Page input box in the following situations:

The code below demonstrates how to display the Go to Page input box within the DxPager.

<DxPager PageCount="1000"
         ActivePageIndex="5"
         NavigationMode="PagerNavigationMode.InputBox">
</DxPager>

Pager GoToPage

Run Demo: Pager - Go to Page

See Also