Drag cell or row outside of grid

2 posts, 0 answers
  1. Moshi
    Moshi avatar
    7 posts
    Member since:
    Jul 2020

    Posted 01 Oct Link to this post

    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.

  2. Martin
    Admin
    Martin avatar
    250 posts

    Posted 02 Oct Link to this post

    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).

Back to Top