Skip to content

Feature Request: Datagrid Multi Selection with Mouse Click and Ctrl+Click / Shift+Click #2243

@peachnektari

Description

@peachnektari

Is your feature request related to a problem? Please describe.
Yes. In the current RadzenGrid multi-select mode, I can only select rows by checking the header checkboxes or by handling individual row click events (for things like previewing). There is no way to click on one row, drag the mouse up or down, and have every row you “pass over” become selected—just like the Multi-Select Cells drag feature in WinForms DataGridView. This forces me to click each checkbox or write complex JavaScript hooks, which is both tedious and brittle.

Describe the solution you'd like
Add a “drag-to-select” mode for multiple row selection in RadzenGrid that works alongside the existing checkbox selection and row-click events. Ideally it would include:

  • A new EnableDragSelection (bool) property that, when true, lets the user click on any row and drag to expand the selection range.
  • Full support for modifier keys:

Ctrl+Click to add or remove individual rows from the current selection.
Shift+Click to select ranges as today.

  • Exposed events such as OnDragSelectionStart, OnDragSelectionChange, and OnDragSelectionEnd so you can preview or process the growing selection in real time.
<RadzenGrid Data="@items"
            SelectionMode="Multiple"
            EnableDragSelection="true"
            OnRowClick="@OnRowClick"
            OnDragSelectionChange="@OnDragSelectionChange">
    …
</RadzenGrid>

Describe alternatives you've considered

  • Writing custom JavaScript to listen for mousedown/mousemove/mouseup on the grid rows and toggling selection programmatically—which is fragile and breaks whenever the grid’s DOM or grouping changes.
  • Using only Shift+Click range selection, but this still requires two clicks per range and doesn’t support free-form drag.
  • Manually looping through visible rows on a mouse move event to apply selection—which causes performance issues on large tables.

Additional context
This feature would make RadzenGrid feel more like a desktop DataGridView, improving usability in applications where users need to select large contiguous blocks of data quickly. It complements existing multi-select scenarios (checkboxes and Ctrl/Shift clicks) without removing any of the current behaviors.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions