Row drag and drop in the grid

Progress® Telerik® UI for Blazor Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 30 Dec 2021 18:23 by ADMIN

Release 2.24.0

Wei

Created on: 06 Oct 2020 12:20

Category: Grid

Type: Feature Request

Row drag and drop in the grid

there is a feature we want to implement in grid for a row to be dragged and dropped onto another row. is this something we can do with blazor grid?

drag one row or multiple row over another row and have the drop event exposed so we can handle it?

Duplicated Items

6 comments

ADMIN

Marin Bratanov

Posted on: 30 Dec 2021 18:23

Hi Enoch,

The documentation of the feature lists the row drop event: https://docs.telerik.com/blazor-ui/components/grid/row-drag-drop#onrowdrop-event

You can also see it in action in the demos: https://demos.telerik.com/blazor-ui/grid/drag-drop

The event has been there since the first implementation as it is the core of the feature - the grid gives you an event so you can decide what to do with the information.

Regards,
Marin Bratanov
Progress Telerik

Learn about the important changes coming in UI for Blazor 3.0 in January 2022!

Enoch

Posted on: 29 Dec 2021 14:46

Hello, I was wondering if this feature was ever added to the drag and drop functionality: "The idea right now is that there will be an event when you drop a row that will give you the dropped row, the row over which it was dropped, and maybe whether it was above, below or on top of the row. This would let you alter the data as needed for the custom sorting logic." I've been searching the forums and documentation and found this page from here: https://www.telerik.com/forums/drag-and-drop-7ce4be34afa4.

ADMIN

Marin Bratanov

Posted on: 13 May 2021 17:05

Hi Wes,

Grouping is, at least at this point, a documented limitation of this feature. Dragging rows requires that the grid knows and can use the data type, and grouping effectively changes that (you can read more about this here).

Regards,
Marin Bratanov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Wes

Posted on: 13 May 2021 16:51

Are there plans to support grouping in the future?

I have a few grids where I need to be able to move rows between groups as well.

Wes

ADMIN

Marin Bratanov

Posted on: 25 Jan 2021 11:22

Hi Kris,

The listview does not render the items at all - their entire rendering is in the control of the application developer. This is why such a feature there would have to come from application code (e.g., through a similar library). Thus, I've logged a feature request for a sortable enhancer in blazor, so you can Follow its implementation: https://feedback.telerik.com/blazor/1503723-sortable-widget-enhancer.

Regards,
Marin Bratanov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Kris

Posted on: 24 Jan 2021 21:55

I would like to see this supported for re-ordering items in a ListView as well as dragging (removing) items from one ListView on the left and dropping (adding) them to another ListView on the right. We currently use Sortable.JS for this in other projects, but can't find any support for this in Blazor.