How to drag and drop rows between two kendo grids

Author: | Posted in .NET, C#, Kendo No comments

Step 1: Consider two grids, a source grid from which you want to drag the rows and a target grid to which you want to drop the rows.

For example,

var sourceGrid = $("#sourceGrid").data('kendoGrid');
 var sourceGridDataSource = sourceGrid.dataSource;
 var targetGrid = $("#targetGrid").data('kendoGrid');
 var targetGridDataSource = targetGrid.dataSource;

Step 2: Making the sourceGrid draggable.

          filter: "tr",
          group: "gridGroup", 

Step 3: Making the targetGrid droppable.

     drop: function (e) {
              var dataItem = sourceGridDataSource.getByUid("uid"));
    group: "gridGroup",

Add Your Comment