Drag row over another row to merge

[Robert Madrian]

Hello,

How to use drag & drop to move a row over another in Kendo grid?

then I need the source row ID and the target row ID in the drop event where I will make an Ajax call to merge the rows into one at Service SQLServer table...

robert

[Viktor Tachev]

Hi Robert,

In order to implement the functionality you can use the Kendo Draggable widget to enable drag and drop in the Grid. The approach would be similar to the one in the example below. The example illustrates a feature using two Grids. However, in your  scenario you would use just one.

• https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/various/drag-and-drop-rows-between-two-grids

Then, add handler to the dragend event. In the event handler you can get the item that was dragged and the item that was the drop target. 

dragend: function(e) {
    var draggedItem = e.currentTarget;
    // this would be a grid cell
    var dropTarget = e.target;
    var dataItem = grid1.dataItem($(dropTarget).closest("tr"));


    // send ajax request to the server

},

Having that information you can use jQuery.ajax to call the relevant controller and pass the ids of the two items. 


Regards,
Viktor Tachev
Progress Telerik

[Robert Madrian]

Thank you - it works perfect...