Solar system objects:
|
|
|
---|---|---|
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.
- GetFocusedDataItem — Returns a data item bound to the focused row.
- GetFocusedRowIndex — Returns the visible index of the focused row.
- IsDataItemFocused — Returns whether the row bound to the specified data item is focused.
- IsRowFocused — Returns whether the row with the specified visible index is focused.
- SetFocusedRowIndex — Moves focus to the row with the specified visible index.
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.