[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Collapse]Grid View
   [Expand]Product Information
    Getting Started
    [Expand]Binding to Data
    [Expand]Data Representation Basics
    [Collapse]Focus and Navigation
     [Expand]Focused Row
     [Expand]Paging and Scrolling
      Keyboard Navigation
    [Expand]Data Editing
    [Expand]Data Shaping and Manipulation
    [Expand]Data Formatting
    [Expand]Master-Detail Relationship
     Appearance Customization
     Save and Restore Layout
    ASPxGridView Designer
   [Expand]Visual Elements
   [Expand]Member Tables
   [Expand]ASPxGridView - Animated Images
  [Expand]Tree List
  [Expand]Card View
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Keyboard Navigation

With the provided keyboard support, ASPxGridView's primary navigation operations (such as accessing a grid within a form, moving focus through grid rows, row selection, row expanding/collapsing, paging) can be quickly and effectively performed using a keyboard as an alternative to a pointing device. In addition, enabling keyboard support within ASPxGridView helps you more easily create web pages that conform to accessibility guidelines.

To enable keyboard navigation, set the grid's ASPxGridView.KeyboardSupport property to true. This activates the following grid features.

  • Access Key - The grid control can be easily accessed (focused) by using a user-defined keyboard shortcut. This shortcut is composed by combining the preset CTRL+SHIFT combination with a single character string specified via the AccessKey property. For example, setting the access key of a grid control to the "G" string indicates that an end-user can navigate to the grid by pressing CTRL+SHIFT+G.
  • Focused Row - The Focused Row feature is automatically activated, regardless of the corresponding feature property setting (ASPxGridViewBehaviorSettings.AllowFocusedRow). Focus can be moved between rows by using the UP and DOWN ARROW keys. The LEFT and RIGHT ARROW keys can also be used to move row focus, but these keys try to initially collapse/expand a row and move focus only if collapsing/expanding is impossible. An attempt to move focus from the current page's first or last row outside (backward or forward) the page turns over the page within the grid, if only the currently focused row is not the very first or last grid row.
  • Row Selection - The SPACE key can be used to mark a focused row as either selected or unselected. This works if the selection can be applied to a row - that is, if it's not a group or detail row, the ASPxGridViewBehaviorSettings.AllowMultiSelection property is enabled, or the row contains a command button, selection check box or radio button. Multiple rows can be easily selected by moving row focus using the ARROW keys (UP/DOWN or LEFT/RIGHT) while holding down the SHIFT key.
  • Expanding/Collapsing Rows - The PLUS and MINUS keys can be used respectively to expand and collapse group and detail rows. In addition, row collapsing and expanding can be performed using the LEFT and RIGHT ARROW keys.
  • Paging - The SHIFT+PAGE UP and SHIFT+PAGE DOWN key combinations can be used to go to the next/previous grid page.

To see the keyboard navigation feature in action, refer to the "Accessibility - Keyboard Support" demo. It can also be accessed online at: http://demos.devexpress.com/ASPxGridViewDemos/Accessibility/KeyboardSupport.aspx

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