please provide any workable example drag and drop cross different kendo grids and reordering with in the same gird
Georgi
Telerik team
commented on 18 Apr 2024, 07:32 AM
Hi Obulesh,
Thank you very much for the details provided.
From what I understood from your question, you are looking for an example that demonstrates a possible approach for implementing a drag-and-drop feature between two Kendo UI for Angular Grid components where the user can also reorder rows in the same component as well.
I am happy to share that in the Docs & Demos section on our website there is a designated section demonstrating the same functionality for the Grid component:
Furthermore, there is also an article demonstrating a possible approach for implementing a similar feature between the Kendo UI for Angular Grid and Kendo UI for Angular ListView:
Thanks for the reply. I don't want an icon for drag and drop across grids please provide any ref solution.
Georgi
Telerik team
commented on 23 Apr 2024, 12:33 PM
Hi Obulesh,
Thank you very much for the screenshot provided.
If I understood you correctly, you are looking for an approach that would still allow you to drag and drop rows across two Grid components but without rendering designated icons which the user should use to perform the dragging operation. Please, let me know if I misinterpreted the requirement.
One possible approach that would allow the developer to drag and drop rows inside Grid components without rendering a designated drag icon would be to modify the selector that is assigned to the dragHandle property:
dragHandle="tr"
Such a modification would allow the user to drag and drop rows by clicking on the rows of the Grid components. For further reference, I would suggest checking out the following article:
Hi Obulesh,
Thank you very much for the details provided.
From what I understood from your question, you are looking for an example that demonstrates a possible approach for implementing a drag-and-drop feature between two Kendo UI for Angular Grid components where the user can also reorder rows in the same component as well.
I am happy to share that in the Docs & Demos section on our website there is a designated section demonstrating the same functionality for the Grid component:
https://www.telerik.com/kendo-angular-ui/components/grid/rows/drag-and-drop/
Furthermore, there is also an article demonstrating a possible approach for implementing a similar feature between the Kendo UI for Angular Grid and Kendo UI for Angular ListView:
https://www.telerik.com/kendo-angular-ui/components/grid/rows/drag-and-drop-grid-listview/
I hope that the provided information answers your question. Please, let me know if I am missing out on something.
Regards,Georgi
Progress Telerik
Thanks for the reply. I don't want an icon for drag and drop across grids please provide any ref solution.
Hi Obulesh,
Thank you very much for the screenshot provided.
If I understood you correctly, you are looking for an approach that would still allow you to drag and drop rows across two Grid components but without rendering designated icons which the user should use to perform the dragging operation. Please, let me know if I misinterpreted the requirement.
One possible approach that would allow the developer to drag and drop rows inside Grid components without rendering a designated drag icon would be to modify the selector that is assigned to the dragHandle property:
Such a modification would allow the user to drag and drop rows by clicking on the rows of the Grid components. For further reference, I would suggest checking out the following article:
https://www.telerik.com/kendo-angular-ui/components/grid/rows/reordering/#toc-dragging-the-row
For your convenience, here is an updated StackBlitz demo that demonstrates the above-mentioned approach:
https://stackblitz.com/edit/angular-lwb199
I hope this helps. Please, let me know if you need additional assistance with this case.
Regards,Georgi
Progress Telerik