Drag and drop between grids

Move selected rows or rows within a grid to another grid by dragging and dropping them.

Drag and drop settings

Set this for each grid so that you can use the drag and drop function between grids.

gridView.editOptions.movable = true;
 
gridView2.editOptions.movable = true;

var dropMode = document.getElementById("dropMode").value
gridView.dataDropOptions.dropMode = dropMode //copy, move
gridView2.dataDropOptions.dropMode = dropMode //copy, move

How to use drag and drop

The cursor changes so that you can move it when you hover the mouse over the cell to be moved in the selection area.
When selecting a range, the cursor changes so that it can be moved by hovering the mouse to the location in front of the selected cell.
When using a shortcut key, the cursor changes so that it can be moved by hovering over the area selected for focus and scope.
Shortcut keys: Ctrl + Alt (windows), command + options (mac)
To move a row, you must drag while the mouse cursor has changed.

Row Drag & Drop Grid To Div