Focused Row

Solar system objects:
 
Name Type Mass, 1021 × kg
Sun
Star 1,989,100,000.00
Data grid with 1 rows and 3 columns
Focused object:
  • Sun
    • Radius: 696,000.00 km
    • Density: 1.41 g/cm3
    • Gravity: 274.00 m/s2

To focus individual rows in the DevExpress Blazor TreeList, simply set the FocusedRowEnabled property to true . Note: Only one row can be focused at a time within the current page. When a page changes, the row loses focus.

Focus moves in response to the following actions:

  • Users click a row with a pointing device.
  • Users navigate between rows with a keyboard. In this instance, the focused row follows the client's focus asynchronously to minimize delays.
  • The TreeList loads data for the first time.
  • Visible rows change (for instance, when a user sorts data or changes a page).

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

When focused row changes, the TreeList 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 TreeList.