DxPager.NavigationMode Property

Specifies how users navigate between the Pager‘s pages.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

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

Property Value

Type Default Description
PagerNavigationMode

Auto

A PagerNavigationMode enumeration’s value.

Available values:

Name Description
Auto

If the number of pages is greater or equal to the SwitchToInputBoxButtonCount (for the Pager) or PagerSwitchToInputBoxButtonCount (for the Data Grid) value or the Pager component is shown on small devices, the Go to Page input box is displayed. 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