Progress® Kendo UI® for Angular Feedback Portal
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
3
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 Bechev
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 Bechev
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.

Create an account Log In
View
Type
Status
Category