feat(igxGrid): Add a dragRowID property to the grid which holds the id of the row that is dragged. Use that property instead of the row instance as the row instance data changes on scroll (due to virtualization). Can also be used in existing samples with row reorder + virtualization.

Author: MKirova

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -584,6 +584,13 @@ export class IgxGridBaseDirective extends DisplayDensityBase implements
      */
     public rowDragging = false;
 
+    /**
+     * Gets the row ID that is being dragged.
+     * @remarks
+     * The row ID is either the primaryKey value or the data record instance.
+     */
+    public dragRowID = null;
+
 
    /**
     * Gets/Sets whether the rows are editable.

projects/igniteui-angular/src/lib/grids/row-drag.directive.ts

@@ -60,7 +60,7 @@ export class IgxRowDragDirective extends IgxDragDirective implements OnDestroy {
                 this._clicked = false;
                 return;
             }
-            this.row.dragging = true;
+            this.row.grid.dragRowID = this.row.rowID;
             this.row.grid.rowDragging = true;
             this.row.grid.markForCheck();
 
@@ -143,7 +143,7 @@ export class IgxRowDragDirective extends IgxDragDirective implements OnDestroy {
 
     private endDragging() {
         this.onTransitionEnd(null);
-        this.row.dragging = false;
+        this.row.grid.dragRowID = null;
         this.row.grid.rowDragging = false;
         this.row.grid.markForCheck();
         this._unsubscribe();

projects/igniteui-angular/src/lib/grids/row.directive.ts

@@ -248,7 +248,9 @@ export class IgxRowDirective<T extends IgxGridBaseDirective & GridType> implemen
     /**
      * @hidden
      */
-    public dragging = false;
+    protected get dragging() {
+        return this.grid.dragRowID === this.rowID;
+    }
 
     // TODO: Refactor
     public get inEditMode(): boolean {