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

Drag cell or row outside of grid

1 Answer 346 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Moshi
Top achievements
Rank 1
Veteran
Moshi asked on 01 Oct 2020, 05:15 AM

Hi 

I have an Angular Kendo Grid.

I have to drag a row (or even a cell) to another div somewhere in the page.

That div should be able to get the drop event + data item and do something with that row data.

I saw options like ng-template, etc. Nothing which really respond my request.

I'll appreciate any help !!!

Thanks.

1 Answer, 1 is accepted

Sort by
0
Martin
Telerik team
answered on 02 Oct 2020, 08:18 AM

Hello Moshi,

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

To sum up, there isn't a dedicated Kendo UI for Angular feature or component allowing to achieve the requirement at the moment. 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

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

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