Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxPager.NavigationMode Property

Specifies how users navigate between the Pager‘s pages.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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 following code snippet displays the Go to Page input box within the DxPager.

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

Pager GoToPage

Run Demo: Pager - Go to Page

See Also