[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Collapse]Data Grid
   [Expand]Get Started With Data Grid and Views
   [Expand]Data Binding
    Unbound Columns
   [Expand]Data Editing and Validation
   [Expand]Filter and Search
   [Collapse]Focus and Selection Handling
     Focusing Cells
     Moving Row Focus
     Using Navigators
     Multiple Row and Cell Selection
     Multiple Row Selection via Built-In Check Column and Selection Binding
    Format Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
    Split Presentation
    Row Preview Sections
   [Expand]Batch Modifications
    Hit Information
    Popup Menus
   [Expand]Save and Restore Layout
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Using Navigators

This topic provides information about using navigator controls that allow end-users to browse and edit the data displayed by a grid control. It describes the navigators provided by DevExpress, since these controls have a number of advantages compared to standard navigator controls when used in combination with XtraGrid.

Expanded Using Data Navigators with the Grid Control

Data navigator controls provided by DevExpress are represented by a set of buttons that enable end-users to:

  • move focus between rows;
  • append and delete rows;
  • start, finish and cancel editing;

Additionally, by default, navigators can display a text label that displays the current record number together with the total record count.

The grid control supports use of two navigator types - embedded and external. Both controls are actually represented by the ControlNavigator class and the only difference is that the grid control automatically positions the embedded navigator within its client area while the external navigator is a separate control that can be placed to any location.

The main point about ControlNavigator is that it is not bound to a data View or data table. It is directly bound to a control that implements the INavigatableControl interface. This enables the navigator to provide more navigation flexibility. The grid control, for instance, implements that interface so that end-users can use the ControlNavigator control to browse master-detail data. Thus, pressing the Next button while an expanded master row is focused, moves the focus to the detail View's first row. If using a standard navigator control, the focus would move to the next master row within the same View. One more thing that is worth a mention is that standard navigators only allow the focus to move between data rows . By using the ControlNavigator control, end-users are able to navigate group rows also.

To activate the embedded navigator, set the grid's GridControl.UseEmbeddedNavigator property to true. If enabled, the navigator is displayed at the control's bottom-left corner.

You can access the ControlNavigator class that represents the embedded navigator using the grid's GridControl.EmbeddedNavigator property. By changing settings available via this property, you can customize the navigator's look and feel, buttons' visibility, style and hint texts, etc.

If displaying the navigator within the grid control doesn't suit your needs, place a ControlNavigator control at the desired location. To bind a navigator control to the grid, use the navigator's ControlNavigator.NavigatableControl property.

The following image displays a separate navigator control positioned above a grid control.

For more information on using and customizing the control navigator see the ControlNavigator topic.

Is this topic helpful?​​​​​​​