This is a migrated thread and some comments may be shown as answers.

Drag & Drop From One Grid To Another

1 Answer 119 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Travis
Top achievements
Rank 1
Iron
Travis asked on 22 Feb 2021, 09:38 PM
     Is there support for taking the template for reordering rows to converting it to be able to drag and drop from one grid to another? If so, what parts make it accessible to continue dragging the item outside of the grid bounds into another grid?

1 Answer, 1 is accepted

Sort by
1
Accepted
Martin
Telerik team
answered on 24 Feb 2021, 10:06 AM

Hello Travis,

We are currently considering our options in providing a custom drag & drop component, that should allow dragging of any element. Please support the following feature request where people can vote and help us estimate the customer demand for such an enhancement and to prioritize our Roadmap accordingly:

https://feedback.telerik.com/kendo-angular-ui/1360569-drag-drop

At this point, what could be done is to use some third-party tool or library that will allow achieving the desired functionality. Please check for example the HTML drag and drop API at the following link:

https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API

We have also used that API in order to demonstrate how the Grid rows can be reordered by dragging them. Please check the following article demonstrating such an approach:

https://www.telerik.com/kendo-angular-ui/components/grid/how-to/row-reordering/

In the following feature request, you can find an example that demonstrates how rows from one grid can be dropped to another. The example is entirely based on the use of the HTML Drag and Drop API:

https://feedback.telerik.com/kendo-angular-ui/1360602-drag-and-drop-between-grids

It is worth mentioning that the purpose of the example is to point the developer in a possible direction. However, it relies on custom logic which changes the default behavior of the Grid component which is neither fully tested nor an officially supported solution. So use it at your own discretion.

Regards,
Martin
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/.

Tags
Grid
Asked by
Travis
Top achievements
Rank 1
Iron
Answers by
Martin
Telerik team
Share this question
or