Focused Row

 
Ship Name Address Date
Vins et alcools ChevalierReims - 59 rue de l'Abbaye8/1/2014
Toms SpezialitätenMünster - Luisenstr. 488/16/2014
Hanari CarnesRio de Janeiro - Rua do Paço, 678/5/2014
Victuailles en stockLyon - 2, rue du Commerce8/5/2014
Suprêmes délicesCharleroi - Boulevard Tirou, 2558/6/2014
Hanari CarnesRio de Janeiro - Rua do Paço, 677/24/2014
Chop-suey ChineseBern - Hauptstr. 318/8/2014
Richter SupermarktGenève - Starenweg 58/9/2014
Wellington ImportadoraResende - Rua do Mercado, 128/12/2014
HILARION-AbastosSan Cristóbal - Carrera 22 con Ave. Carlos Soublette #8-358/13/2014
Ernst HandelGraz - Kirchgasse 68/14/2014
Centro comercial MoctezumaMéxico D.F. - Sierras de Granada 99938/15/2014
Ottilies KäseladenKöln - Mehrheimerstr. 3698/16/2014
Que DelíciaRio de Janeiro - Rua da Panificadora, 128/16/2014
Rattlesnake Canyon GroceryAlbuquerque - 2817 Milton Dr.8/19/2014
Ernst HandelGraz - Kirchgasse 68/20/2014
Folk och fä HBBräcke - Åkergatan 248/21/2014
Blondel père et filsStrasbourg - 24, place Kléber8/22/2014
Wartian HerkkuOulu - Torikatu 389/6/2014
FrankenversandMünchen - Berliner Platz 438/26/2014
Data grid with 830 rows and 3 columns
0 rows are selected
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 data row switches to edit mode.
  • A user navigates between rows with a keyboard. 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.