1 Star 0 Fork 0

XFly-Studio / Grid.Blazor

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Keyboard_navigation.md 1.70 KB
Copy Edit Web IDE Raw Blame History

GridBlazor for ASP.NET Core MVC

Keyboard navigation

Index

Users can enable keyboard navigation between pages using the SetKeyboard method of the GridClient object:

    var client = new GridClient<Order>(q => orderService.GetOrdersGridRows(columns, q), query, false, "ordersGrid", columns, locale)
        .SetKeyboard(true);

The default value is false.

These are the keys to be used:

  • [Ctrl] + [Left] and [Ctrl] + [Right] arrows navigate between pages
  • [Ctrl] + [Home] key goes to the first page
  • [Ctrl] + [End] key goes to the last page
  • [Ctrl] + [Up] and [Ctrl] + [Down] arrows navigate from one row to another for grids where rows are selectable. It doesn´t work when multiselectable is enabled.
  • [Tab] key navigates among elements of a filter widget when it is visible
  • [Esc] key minimises a filter widget when it is visible
  • [Ctrl] +[Backspace] clear all filters

It's possible to change the modifier key used for keyboard navigation using the SetModifierKey method of the GridClient object:

    var client = new GridClient<Order>(q => orderService.GetOrdersGridRows(columns, q), query, false, "ordersGrid", columns, locale)
        .SetKeyboard(true).SetModifierKey(ModifierKey.ShiftKey);

The parameter options of the SetModifierKey method are:

  • ModifierKey.CtrlKey (default value)
  • ModifierKey.ShiftKey
  • ModifierKey.AltKey
  • ModifierKey.MetaKey

Keep in mind that the last 2 options can collide with the modifier keys of the browser. The recommended options are ModifierKey.CtrlKey and ModifierKey.ShiftKey.

<- GridBlazor configuration | Paging ->

Comment ( 0 )

Sign in for post a comment

1
https://gitee.com/fan0217/Grid.Blazor.git
git@gitee.com:fan0217/Grid.Blazor.git
fan0217
Grid.Blazor
Grid.Blazor
master

Search