Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [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]Getting Started
   [Expand]Binding to Data
   [Expand]Grid View
   [Expand]View Technology
   [Expand]Grouping
   [Expand]Sorting
   [Expand]Summaries
   [Expand]Data Editing
   [Expand]Filtering and Locating Rows
   [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
   [Expand]Processing Rows
   [Expand]Formatting Cell Values
   [Expand]Master-Detail Relationships
   [Expand]Asynchronous Image Load
   [Expand]Export and Printing
   [Expand]Appearance and Conditional Formatting
   [Expand]Batch Modifications
   [Expand]Hit Information
   [Expand]Hints
   [Expand]Popup Menus
   [Expand]Saving and Restoring Layouts
   [Expand]Visual Elements
   [Expand]Design-Time Features
   [Expand]Examples
   [Expand]End-User Capabilities
    Included Components
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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.

How would you rate this topic?​​​​​​​