Focused Row

 
Ship Name Address Date
Vins et alcools Chevalier Reims - 59 rue de l'Abbaye 8/1/2014
Toms Spezialitäten Münster - Luisenstr. 48 8/16/2014
Hanari Carnes Rio de Janeiro - Rua do Paço, 67 8/5/2014
Victuailles en stock Lyon - 2, rue du Commerce 8/5/2014
Suprêmes délices Charleroi - Boulevard Tirou, 255 8/6/2014
Hanari Carnes Rio de Janeiro - Rua do Paço, 67 7/24/2014
Chop-suey Chinese Bern - Hauptstr. 31 8/8/2014
Richter Supermarkt Genève - Starenweg 5 8/9/2014
Wellington Importadora Resende - Rua do Mercado, 12 8/12/2014
HILARION-Abastos San Cristóbal - Carrera 22 con Ave. Carlos Soublette #8-35 8/13/2014
of 83
Products:
  • Queso Cabrales
  • Singaporean Hokkien Fried Mee
  • Mozzarella di Giovanni

Set the FocusedRowEnabled property to true to allow users to focus individual grid rows in the DevExpress Blazor Grid. Note: Only one row can be focused at a time and it must be a row on the selected page. If you navigate to a different page, the row loses focus.

Focus moves under the following conditions/events:

  • A user clicks a row with a pointing device.
  • A user navigates between rows with a keyboard (the KeyboardNavigationEnabled property is set to true). In this case, the focused row follows the client's focus asynchronously to minimize delays.
  • The Grid moves focus on initial load or when visible rows change (for instance, when a user sorts data or changes a page).
  • The SetFocusedDataItemAsync or SetFocusedRowIndex method is called.

You can use the following methods to manage the focused row.

When the focused row changes, the Grid raises its FocusedRowChanged event. In this demo, the FocusedRowChanged event handler obtains the data item bound to the focused row and displays item information next to the Grid.