DxPager.NavigationMode Property

Specifies how users navigate between the Pager‘s pages.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[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 total number of pages is greater than or equal to the SwitchToInputBoxButtonCount (for the Pager) or PagerSwitchToInputBoxButtonCount (for the Grid or TreeList), 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 total number of pages is greater or equal to the SwitchToInputBoxButtonCount value.
The Pager is displayed on small devices. In this case, the SwitchToInputBoxButtonCount value is not taken into account.

The following code snippet displays the Go to Page input box within the DxPager.

razor

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

Run Demo: Pager - Go to Page