Kendo Grid Angular Drag and drop

Progress® Kendo UI® for Angular Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 27 Sep 2023 10:44 by ADMIN

Igor

Created on: 19 Feb 2020 19:33

Category: Grid

Type: Feature Request

Kendo Grid Angular Drag and drop

Hello team,

Could you please assist me with gaining understanding of implementation of the drag and drop Angular feature together with your grid?

I need to implement the following scenarios:

1. D'n'd between 2 Kendo grids in different components
2. D'n'd between Kendo grid and custom list in separate component
3. D'n'd in scope of the same Grid.

Lets say I have Angular of the 8th version and the latest version of Kendo Angular Grid.

It would be very cool if you can update your documentation with the corresponding page.
If that doesn't make sense from your perspective I would appreciate if you could provide me detailed instruction for all the above scenarios implementations.

Thank you in advance.

2 comments

ADMIN

Martin

Posted on: 27 Sep 2023 10:44

Hi Igor,

I am happy to announce that the Grid support built-in row reordering:

https://www.telerik.com/kendo-angular-ui/components/grid/rows/reordering/

How to reorder rows between two Grids can be found here:

https://www.telerik.com/kendo-angular-ui/components/grid/rows/drag-and-drop/

Regards,
Martin
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

ADMIN

Martin

Posted on: 05 Jul 2021 14:03

Hi Igor,

Indeed the Grid does not provide built-in drag and drop functionality. However, there are several articles that might help in this case.

1. D'n'd between 2 Kendo grids in different components

https://www.telerik.com/kendo-angular-ui/components/knowledge-base/drag-drop-between-grids/

2. D'n'd between Kendo grid and custom list in a separate component.

Here is an example where the developer can drag a row to a custom container and receive the dragged dataItem, which can be further used to implement the desired custom list:

https://stackblitz.com/edit/angular-3xd9p5?file=app/app.component.ts

3. . D'n'd in the scope of the same Grid:

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

I hope this helps.

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