DxDataGrid<T>.RowClick Event

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
public Action<DataGridRowClickEventArgs<T>> RowClick { get; set; }

Event Data

Property	Description
DataItem	Specifies a data item the clicked row is bound to.
Handled	Specifies whether the clicked row selection should be canceled.
MouseEventArgs	The Blazor’s built-in MouseEventArgs event arguments.

Remarks

The examples below demonstrate how you can handle this event.

Double-Click Handler

You can use the RowClick event to handle a double-click on a row. The handler should use the MouseEventArgs.Detail property.

<DxDataGrid @ref="@grid"
            RowClick="@OnRowClick">
    ...
</DxDataGrid>

@code {
    void OnRowClick(DataGridRowClickEventArgs<SampleModel> args) {
        if(args.MouseEventArgs.Detail == 2) {
            // Double-click handler
        }
    }
}

Clear Row Selection

In single selection mode, a user can do any of the following to clear row selection:

• Click the selected row with the Ctrl key pressed.
• Click (and select) another row.

You can use the OnRowClick handler to override the default behavior. For example, to cancel row selection, users should not press Ctrl when they click the row:

<DxDataGrid @ref="@grid"
            Data="@Vacancies"
            RowClick="@OnRowClick">
    ...
</DxDataGrid>

@code {
    DxDataGrid<Vacancy> grid;
    IEnumerable<Vacancy> Vacancies;
    ...

    void OnRowClick(DataGridRowClickEventArgs<Vacancy> args) {
        if (grid.IsDataRowSelected(args.DataItem) && !args.MouseEventArgs.CtrlKey) {
            grid.SetDataRowSelected(args.DataItem, false);
            args.Handled = true;
        }
    }
}