@syncfusion/ej2-treegrid 20.1.55 → 20.1.56-97113

package/src/treegrid/actions/rowdragdrop.js

@@ -81,10 +81,11 @@ var RowDD = /** @class */ (function () {
             if (position === 'child') {
                 this.dropPosition = 'middleSegment';
             }
-            this.parent[dropPosition] = this.dropPosition;
+            this.parent["" + dropPosition] = this.dropPosition;
             var data = [];
             for (var i = 0; i < fromIndexes.length; i++) {
-                data[i] = this.parent.getCurrentViewRecords()[fromIndexes[i]];
+                var index = this.parent.getRowByIndex(fromIndexes[parseInt(i.toString(), 10)]).rowIndex;
+                data[parseInt(i.toString(), 10)] = this.parent.getCurrentViewRecords()[parseInt(index.toString(), 10)];
             }
             var isByMethod = true;
             var args = {
@@ -98,7 +99,7 @@ var RowDD = /** @class */ (function () {
             if (tObj.isLocalData) {
                 tObj.flatData = this.orderToIndex(tObj.flatData);
             }
-            if (this.parent[action] === 'outdenting') {
+            if (this.parent["" + action] === 'outdenting') {
                 if (!isNullOrUndefined(data[0].parentItem)) {
                     data[0].level = data[0].parentItem.level + 1;
                 }
@@ -109,7 +110,7 @@ var RowDD = /** @class */ (function () {
                 if (this.parent.allowRowDragAndDrop) {
                     index = this.parent.treeColumnIndex + 1;
                 }
-                else if (this.parent[action] === 'indenting') {
+                else if (this.parent["" + action] === 'indenting') {
                     index = this.parent.treeColumnIndex;
                 }
                 var row = this.parent.getRows()[fromIndexes[0]];
@@ -119,18 +120,18 @@ var RowDD = /** @class */ (function () {
                 totalRecord.push(dropData);
                 rows.push(row);
                 var parentUniqueID = 'parentUniqueID';
-                var parentData = getParentData(this.parent, args.data[0][parentUniqueID]);
-                var parentrow = this.parent.getRows()[toIndex];
+                var parentData = getParentData(this.parent, args.data[0]["" + parentUniqueID]);
+                var parentrow = this.parent.getRows()[parseInt(toIndex.toString(), 10)];
                 totalRecord.push(parentData);
                 rows.push(parentrow);
-                this.parent[updateRowAndCellElements](totalRecord, rows, index);
+                this.parent["" + updateRowAndCellElements](totalRecord, rows, index);
             }
-            if (this.parent.enableImmutableMode && this.parent[action] === 'outdenting') {
+            if (this.parent.enableImmutableMode && this.parent["" + action] === 'outdenting') {
                 var index = void 0;
                 if (this.parent.allowRowDragAndDrop) {
                     index = this.parent.treeColumnIndex + 1;
                 }
-                else if (this.parent[action] === 'outdenting') {
+                else if (this.parent["" + action] === 'outdenting') {
                     index = this.parent.treeColumnIndex;
                 }
                 var record = args.data[0];
@@ -139,7 +140,7 @@ var RowDD = /** @class */ (function () {
                 var rows = [];
                 totalRecord.push(record);
                 rows.push(row);
-                this.parent[updateRowAndCellElements](totalRecord, rows, index);
+                this.parent["" + updateRowAndCellElements](totalRecord, rows, index);
             }
         }
         else {
@@ -162,14 +163,14 @@ var RowDD = /** @class */ (function () {
                 selectedItemIndex = this.parent.selectedRowIndex;
             }
             this.selectedItem = isNullOrUndefined(record) ?
-                tObj.getCurrentViewRecords()[selectedItemIndex] : record;
+                tObj.getCurrentViewRecords()[parseInt(selectedItemIndex.toString(), 10)] : record;
             var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
-            var rowIndex = this.parent.grid.getRowIndexByPrimaryKey(this.selectedItem[primaryKeyField]);
+            var rowIndex = this.parent.grid.getRowIndexByPrimaryKey(this.selectedItem["" + primaryKeyField]);
             this.selectedRow = this.parent[this.selectedRows] = selectedItemIndex !== -1 ?
                 this.parent.getSelectedRows()[0]
                 : this.parent.grid.getRowByIndex(rowIndex);
             this.selectedRecord = this.parent[this.selectedRecords] = selectedItemIndex !== -1 ?
-                tObj.getCurrentViewRecords()[selectedItemIndex]
+                tObj.getCurrentViewRecords()[parseInt(selectedItemIndex.toString(), 10)]
                 : this.selectedItem;
             if (request === 'indent') {
                 var record_1 = tObj.getCurrentViewRecords()[this.selectedRow.rowIndex - 1];
@@ -180,16 +181,23 @@ var RowDD = /** @class */ (function () {
                 }
                 if (record_1.level > this.selectedRecord.level) {
                     for (var i = 0; i < tObj.getCurrentViewRecords().length; i++) {
-                        if (tObj.getCurrentViewRecords()[i].taskData === record_1.parentItem.taskData) {
+                        if (tObj.getCurrentViewRecords()[parseInt(i.toString(), 10)].taskData ===
+                            record_1.parentItem.taskData) {
                             dropIndex = i;
+                            if (tObj.enableVirtualization) {
+                                dropIndex = parseInt(tObj.getRows()[parseInt(i.toString(), 10)].getAttribute('data-rowindex'), 10);
+                            }
                         }
                     }
                 }
                 else {
                     dropIndex = this.selectedRow.rowIndex - 1;
                 }
-                tObj[action] = 'indenting';
-                tObj[droppedIndex] = dropIndex;
+                if (this.parent.enableVirtualization && this.selectedRecord && !(record_1.level > this.selectedRecord.level)) {
+                    dropIndex = parseInt(this.selectedRow.getAttribute('data-rowindex'), 10) - 1;
+                }
+                tObj["" + action] = 'indenting';
+                tObj["" + droppedIndex] = dropIndex;
                 this.eventTrigger('indenting', dropIndex);
             }
             else if (request === 'outdent') {
@@ -200,12 +208,15 @@ var RowDD = /** @class */ (function () {
                 var dropIndex = void 0;
                 var parentItem = this.selectedRecord.parentItem;
                 for (var i = 0; i < tObj.getCurrentViewRecords().length; i++) {
-                    if (tObj.getCurrentViewRecords()[i].taskData === parentItem.taskData) {
+                    if (tObj.getCurrentViewRecords()[parseInt(i.toString(), 10)].uniqueID === parentItem.uniqueID) {
                         dropIndex = i;
                     }
                 }
-                tObj[action] = 'outdenting';
-                tObj[droppedIndex] = dropIndex;
+                if (this.parent.enableVirtualization && this.selectedRecord) {
+                    dropIndex = parseInt(this.parent.getRows()[parseInt(dropIndex.toString(), 10)].getAttribute('data-rowindex'), 10);
+                }
+                tObj["" + action] = 'outdenting';
+                tObj["" + droppedIndex] = dropIndex;
                 this.eventTrigger('outdenting', dropIndex);
             }
         }
@@ -221,20 +232,30 @@ var RowDD = /** @class */ (function () {
         this.parent.trigger(events.actionBegin, actionArgs, function (actionArgs) {
             if (!actionArgs.cancel) {
                 if (actionArgs.action === 'indenting') {
-                    _this.reorderRows([_this.selectedRow.rowIndex], dropIndex, 'child');
+                    if (_this.parent.enableVirtualization) {
+                        _this.reorderRows([parseInt(_this.selectedRow.getAttribute('data-rowindex'), 10)], dropIndex, 'child');
+                    }
+                    else {
+                        _this.reorderRows([_this.selectedRow.rowIndex], dropIndex, 'child');
+                    }
                 }
                 else if (actionArgs.action === 'outdenting') {
-                    _this.reorderRows([_this.selectedRow.rowIndex], dropIndex, 'below');
+                    if (_this.parent.enableVirtualization) {
+                        _this.reorderRows([parseInt(_this.selectedRow.getAttribute('data-rowindex'), 10)], dropIndex, 'below');
+                    }
+                    else {
+                        _this.reorderRows([_this.selectedRow.rowIndex], dropIndex, 'below');
+                    }
                 }
             }
         });
     };
     RowDD.prototype.orderToIndex = function (currentData) {
         for (var i = 0; i < currentData.length; i++) {
-            currentData[i].index = i;
-            if (!isNullOrUndefined(currentData[i].parentItem)) {
-                var updatedParent = getValue('uniqueIDCollection.' + currentData[i].parentUniqueID, this.parent);
-                currentData[i].parentItem.index = updatedParent.index;
+            currentData[parseInt(i.toString(), 10)].index = i;
+            if (!isNullOrUndefined(currentData[parseInt(i.toString(), 10)].parentItem)) {
+                var updatedParent = getValue('uniqueIDCollection.' + currentData[parseInt(i.toString(), 10)].parentUniqueID, this.parent);
+                currentData[parseInt(i.toString(), 10)].parentItem.index = updatedParent.index;
             }
         }
         return currentData;
@@ -243,7 +264,7 @@ var RowDD = /** @class */ (function () {
         var draggedRecord;
         var dragRecords = e.records;
         for (var i = e.records.length - 1; i > -1; i--) {
-            draggedRecord = dragRecords[i];
+            draggedRecord = dragRecords[parseInt(i.toString(), 10)];
             if (draggedRecord.parentUniqueID) {
                 var record = dragRecords.filter(function (data) {
                     return data.uniqueID === draggedRecord.parentUniqueID;
@@ -270,7 +291,7 @@ var RowDD = /** @class */ (function () {
             var dragRecords_1 = e.records;
             var dragLength = e.records.length;
             for (var i = dragLength - 1; i > -1; i--) {
-                draggedRecord_1 = dragRecords_1[i];
+                draggedRecord_1 = dragRecords_1[parseInt(i.toString(), 10)];
                 if (!i && draggedRecord_1.hasChildRecords) {
                     draggedRecord_1.taskData[this.parent.parentIdMapping] = null;
                 }
@@ -287,9 +308,9 @@ var RowDD = /** @class */ (function () {
                     !isNullOrUndefined(tObj.parentIdMapping)) {
                     var childData = (draggedRecord_1[tObj.childMapping]);
                     for (var j = 0; j < childData.length; j++) {
-                        if (dragRecords_1.indexOf(childData[j]) === -1) {
-                            dragRecords_1.splice(j, 0, childData[j]);
-                            childData[j].taskData = extend({}, childData[j]);
+                        if (dragRecords_1.indexOf(childData[parseInt(j.toString(), 10)]) === -1) {
+                            dragRecords_1.splice(j, 0, childData[parseInt(j.toString(), 10)]);
+                            childData[parseInt(j.toString(), 10)].taskData = extend({}, childData[parseInt(j.toString(), 10)]);
                             i += 1;
                         }
                     }
@@ -310,7 +331,7 @@ var RowDD = /** @class */ (function () {
         }
         else {
             for (var i = 0; i < dragRecords.length; i++) {
-                setValue('uniqueIDCollection.' + dragRecords[i].uniqueID, dragRecords[i], this.parent);
+                setValue('uniqueIDCollection.' + dragRecords[parseInt(i.toString(), 10)].uniqueID, dragRecords[parseInt(i.toString(), 10)], this.parent);
             }
             var args = { data: e.records, dropIndex: e.toIndex };
             if (this.parent.dataSource instanceof DataManager) {
@@ -343,7 +364,7 @@ var RowDD = /** @class */ (function () {
     };
     RowDD.prototype.rowsRemoved = function (e) {
         for (var i = 0; i < e.records.length; i++) {
-            this.draggedRecord = e.records[i];
+            this.draggedRecord = e.records[parseInt(i.toString(), 10)];
             if (this.draggedRecord.hasChildRecords || this.draggedRecord.parentItem &&
                 this.parent.grid.dataSource.
                     indexOf(this.getChildrecordsByParentID(this.draggedRecord.parentUniqueID)[0]) !== -1 ||
@@ -368,7 +389,8 @@ var RowDD = /** @class */ (function () {
         if (tempDataSource && (!isNullOrUndefined(droppedRecord) && !droppedRecord.parentItem) && !isNullOrUndefined(droppedRecord.taskData)) {
             var keys = Object.keys(tempDataSource);
             for (var i = 0; i < keys.length; i++) {
-                if (tempDataSource[i][this.parent.childMapping] === droppedRecord.taskData[this.parent.childMapping]) {
+                if (tempDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
+                    droppedRecord.taskData[this.parent.childMapping]) {
                     idx = i;
                 }
             }
@@ -388,7 +410,8 @@ var RowDD = /** @class */ (function () {
                 var record = this.getChildrecordsByParentID(droppedRecord.parentUniqueID)[0];
                 var childRecords = record.childRecords;
                 for (var i = 0; i < childRecords.length; i++) {
-                    droppedRecord.parentItem.taskData[this.parent.childMapping][i] = childRecords[i].taskData;
+                    droppedRecord.parentItem.taskData[this.parent.childMapping][parseInt(i.toString(), 10)]
+                        = childRecords[parseInt(i.toString(), 10)].taskData;
                 }
             }
         }
@@ -419,9 +442,17 @@ var RowDD = /** @class */ (function () {
     RowDD.prototype.removeLastrowBorder = function (element) {
         var isEmptyRow = element && (element.classList.contains('e-emptyrow') || element.classList.contains('e-columnheader')
             || element.classList.contains('e-detailrow'));
-        var islastRowIndex = element && !isEmptyRow &&
-            this.parent.getRowByIndex(this.parent.getCurrentViewRecords().length - 1).getAttribute('data-uid') !==
-                element.getAttribute('data-uid');
+        var islastRowIndex;
+        if (this.parent.enableVirtualization) {
+            islastRowIndex = element && !isEmptyRow &&
+                this.parent.getRows()[this.parent.getCurrentViewRecords().length - 1].getAttribute('data-uid') !==
+                    element.getAttribute('data-uid');
+        }
+        else {
+            islastRowIndex = element && !isEmptyRow &&
+                this.parent.getRowByIndex(this.parent.getCurrentViewRecords().length - 1).getAttribute('data-uid') !==
+                    element.getAttribute('data-uid');
+        }
         var canremove = islastRowIndex || this.dropPosition === 'topSegment';
         if (this.parent.element.getElementsByClassName('e-lastrow-border').length > 0 && element && (islastRowIndex || canremove)) {
             this.parent.element.getElementsByClassName('e-lastrow-border')[0].remove();
@@ -434,7 +465,7 @@ var RowDD = /** @class */ (function () {
         this.removeFirstrowBorder(rowEle);
         this.removeLastrowBorder(rowEle);
         for (var i = 0; i < args.rows.length; i++) {
-            if (!isNullOrUndefined(rowEle) && rowEle.getAttribute('data-uid') === args.rows[i].getAttribute('data-uid')
+            if (!isNullOrUndefined(rowEle) && rowEle.getAttribute('data-uid') === args.rows[parseInt(i.toString(), 10)].getAttribute('data-uid')
                 || !parentsUntil(args.target, 'e-gridcontent')) {
                 this.dropPosition = 'Invalid';
                 this.addErrorElem();
@@ -455,7 +486,12 @@ var RowDD = /** @class */ (function () {
             rowPositionHeight = rowEle.offsetTop - scrollTop;
         }
         // let scrollTop = (tObj.grid.scrollModule as any).content.scrollTop;
-        rowTop = rowPositionHeight + contentHeight + roundOff;
+        if (this.parent.enableVirtualization) {
+            rowTop = rowEle.getBoundingClientRect().top;
+        }
+        else {
+            rowTop = rowPositionHeight + contentHeight + roundOff;
+        }
         var rowBottom = rowTop + row[0].offsetHeight;
         var difference = rowBottom - rowTop;
         var divide = difference / 3;
@@ -535,7 +571,7 @@ var RowDD = /** @class */ (function () {
     RowDD.prototype.addLastRowborder = function (trElement) {
         var isEmptyRow = trElement && (trElement.classList.contains('e-emptyrow') ||
             trElement.classList.contains('e-columnheader') || trElement.classList.contains('e-detailrow'));
-        if (trElement && !isEmptyRow && this.parent.getRowByIndex(this.parent.getCurrentViewRecords().length - 1).getAttribute('data-uid') ===
+        if (trElement && !isEmptyRow && this.parent.getRows()[this.parent.getCurrentViewRecords().length - 1].getAttribute('data-uid') ===
             trElement.getAttribute('data-uid')) {
             var bottomborder = this.parent.createElement('div', { className: 'e-lastrow-border' });
             var gridcontentEle = this.parent.getContent();
@@ -627,10 +663,10 @@ var RowDD = /** @class */ (function () {
     RowDD.prototype.addRemoveClasses = function (cells, add, className) {
         for (var i = 0, len = cells.length; i < len; i++) {
             if (add) {
-                cells[i].classList.add(className);
+                cells[parseInt(i.toString(), 10)].classList.add(className);
             }
             else {
-                cells[i].classList.remove(className);
+                cells[parseInt(i.toString(), 10)].classList.remove(className);
             }
         }
     };
@@ -653,7 +689,7 @@ var RowDD = /** @class */ (function () {
         var rowEle = args.target ? closest(args.target, 'tr') : null;
         var rowIdx = rowEle ? rowEle.rowIndex : -1;
         var dragRecords = [];
-        var droppedRecord = tObj.getCurrentViewRecords()[rowIdx];
+        var droppedRecord = tObj.getCurrentViewRecords()[parseInt(rowIdx.toString(), 10)];
         this.removeErrorElem();
         this.canDrop = true;
         if (!args.data[0]) {
@@ -732,12 +768,12 @@ var RowDD = /** @class */ (function () {
         else if (!isNullOrUndefined(this.parent.element.getElementsByClassName('e-lastrow-border')[0])) {
             this.parent.element.getElementsByClassName('e-lastrow-border')[0].remove();
         }
-        if (this.parent.enableImmutableMode && !this.parent.allowPaging && !isNullOrUndefined(args.data[0][parentItem])) {
+        if (this.parent.enableImmutableMode && !this.parent.allowPaging && !isNullOrUndefined(args.data[0]["" + parentItem])) {
             var index = this.parent.treeColumnIndex;
             index = index + 1;
             var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
-            var rowIndex = this.parent.grid.getRowIndexByPrimaryKey(args.data[0][primaryKeyField]);
-            var row = this.parent.getRows()[rowIndex];
+            var rowIndex = this.parent.grid.getRowIndexByPrimaryKey(args.data[0]["" + primaryKeyField]);
+            var row = this.parent.getRows()[parseInt(rowIndex.toString(), 10)];
             var data = args.data[0];
             if (this.dropPosition === 'middleSegment') {
                 var record = [];
@@ -745,14 +781,15 @@ var RowDD = /** @class */ (function () {
                 record.push(data);
                 rows.push(row);
                 var parentUniqueID = 'parentUniqueID';
-                data = getParentData(this.parent, args.data[0][parentUniqueID]);
-                rowIndex = this.parent.grid.getRowIndexByPrimaryKey(data[primaryKeyField]);
-                var parentrow = this.parent.getRows()[rowIndex];
+                data = getParentData(this.parent, args.data[0]["" + parentUniqueID]);
+                rowIndex = this.parent.grid.getRowIndexByPrimaryKey(data["" + primaryKeyField]);
+                var parentrow = this.parent.getRows()[parseInt(rowIndex.toString(), 10)];
                 record.push(data);
                 rows.push(parentrow);
                 for (var i = 0; i < record.length; i++) {
                     this.parent.renderModule.cellRender({
-                        data: record[i], cell: rows[i].cells[index],
+                        data: record[parseInt(i.toString(), 10)],
+                        cell: rows[parseInt(i.toString(), 10)].cells[parseInt(index.toString(), 10)],
                         column: this.parent.grid.getColumns()[this.parent.treeColumnIndex],
                         requestType: 'rowDragAndDrop'
                     });
@@ -765,7 +802,7 @@ var RowDD = /** @class */ (function () {
             }
             else {
                 this.parent.renderModule.cellRender({
-                    data: data, cell: row.cells[index],
+                    data: data, cell: row.cells[parseInt(index.toString(), 10)],
                     column: this.parent.grid.getColumns()[this.parent.treeColumnIndex],
                     requestType: 'rowDragAndDrop'
                 });
@@ -784,17 +821,17 @@ var RowDD = /** @class */ (function () {
             var records = tObj.getSelectedRecords();
             var indexes = [];
             for (var i = 0; i < records.length; i++) {
-                indexes[i] = records[i].index;
+                indexes[parseInt(i.toString(), 10)] = records[parseInt(i.toString(), 10)].index;
             }
             var data = srcControl.dataSource;
             if (this.parent.idMapping !== null && (isNullOrUndefined(this.dropPosition) || this.dropPosition === 'bottomSegment' || this.dropPosition === 'Invalid') && !(data.length)) {
                 var actualData = [];
                 for (var i = 0; i < records.length; i++) {
-                    if (records[i].hasChildRecords) {
-                        actualData.push(records[i]);
-                        var child = findChildrenRecords(records[i]);
+                    if (records[parseInt(i.toString(), 10)].hasChildRecords) {
+                        actualData.push(records[parseInt(i.toString(), 10)]);
+                        var child = findChildrenRecords(records[parseInt(i.toString(), 10)]);
                         for (var i_1 = 0; i_1 < child.length; i_1++) {
-                            actualData.push(child[i_1]); // push child records to drop the parent record along with its child records
+                            actualData.push(child[parseInt(i_1.toString(), 10)]); // push child records to drop the parent record along with its child records
                         }
                     }
                 }
@@ -807,10 +844,10 @@ var RowDD = /** @class */ (function () {
             var srcControlFlatData = srcControl.rowDragAndDropModule.treeGridData;
             if (!isNullOrUndefined(srcControlFlatData)) {
                 for (var i = 0; i < srcControlFlatData.length; i++) {
-                    srcControlFlatData[i].index = i;
-                    if (!isNullOrUndefined(srcControlFlatData[i].parentItem)) {
-                        var actualIndex = getValue('uniqueIDCollection.' + srcControlFlatData[i].parentUniqueID + '.index', srcControl);
-                        srcControlFlatData[i].parentItem.index = actualIndex;
+                    srcControlFlatData[parseInt(i.toString(), 10)].index = i;
+                    if (!isNullOrUndefined(srcControlFlatData[parseInt(i.toString(), 10)].parentItem)) {
+                        var actualIndex = getValue('uniqueIDCollection.' + srcControlFlatData[parseInt(i.toString(), 10)].parentUniqueID + '.index', srcControl);
+                        srcControlFlatData[parseInt(i.toString(), 10)].parentItem.index = actualIndex;
                     }
                 }
             }
@@ -833,7 +870,7 @@ var RowDD = /** @class */ (function () {
         }
     };
     RowDD.prototype.getTargetIdx = function (targetRow) {
-        return targetRow ? parseInt(targetRow.getAttribute('aria-rowindex'), 10) : 0;
+        return targetRow ? parseInt(targetRow.getAttribute('data-rowindex'), 10) : 0;
     };
     RowDD.prototype.getParentData = function (record, data) {
         var parentItem = record.parentItem;
@@ -847,13 +884,13 @@ var RowDD = /** @class */ (function () {
         if (this.dropPosition === 'bottomSegment') {
             var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
             var rowIndex = selectedItemIndex === -1 ?
-                (this.parent.grid.getRowIndexByPrimaryKey(data[0][primaryKeyField])) - 1
-                : this.parent.getSelectedRowIndexes()[0] - 1;
-            var selectedRecord = this.parent.getCurrentViewRecords()[rowIndex];
+                (this.parent.grid.getRowIndexByPrimaryKey(data[0]["" + primaryKeyField]))
+                : this.parent.getSelectedRowIndexes()[0];
+            var selectedRecord = this.parent.getCurrentViewRecords()[parseInt(rowIndex.toString(), 10)];
             this.droppedRecord = getParentData(this.parent, selectedRecord.parentItem.uniqueID);
         }
         if (this.dropPosition === 'middleSegment') {
-            var level = this.parent.getCurrentViewRecords()[selectedItemIndex].level;
+            var level = this.parent.getCurrentViewRecords()[parseInt(selectedItemIndex.toString(), 10)].level;
             if (level === parentItem.level) {
                 this.droppedRecord = getParentData(this.parent, parentItem.uniqueID);
             }
@@ -870,14 +907,20 @@ var RowDD = /** @class */ (function () {
             if (isNullOrUndefined(args.dropIndex)) {
                 var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
                 var rowIndex = tObj.selectedRowIndex === -1 ?
-                    (this.parent.grid.getRowIndexByPrimaryKey(args.data[0][primaryKeyField])) - 1
+                    (this.parent.grid.getRowIndexByPrimaryKey(args.data[0]["" + primaryKeyField])) - 1
                     : tObj.getSelectedRowIndexes()[0] - 1;
-                var record = tObj.getCurrentViewRecords()[rowIndex];
+                var record = tObj.getCurrentViewRecords()[parseInt(rowIndex.toString(), 10)];
                 this.getParentData(record, args.data);
             }
             else {
                 args.dropIndex = args.dropIndex === args.fromIndex ? this.getTargetIdx(args.target.parentElement) : args.dropIndex;
-                this.droppedRecord = tObj.getCurrentViewRecords()[args.dropIndex];
+                if (this.parent.enableVirtualization) {
+                    var index = this.parent.getRowByIndex(args.dropIndex).rowIndex;
+                    this.droppedRecord = tObj.getCurrentViewRecords()[parseInt(index.toString(), 10)];
+                }
+                else {
+                    this.droppedRecord = tObj.getCurrentViewRecords()[args.dropIndex];
+                }
             }
             var dragRecords = [];
             droppedRecord = this.droppedRecord;
@@ -902,7 +945,7 @@ var RowDD = /** @class */ (function () {
                 dragRecords.reverse();
             }
             var _loop_1 = function (i) {
-                draggedRecord_2 = dragRecords[i];
+                draggedRecord_2 = dragRecords[parseInt(i.toString(), 10)];
                 this_1.draggedRecord = draggedRecord_2;
                 if (this_1.dropPosition !== 'Invalid') {
                     if (!tObj.rowDropSettings.targetID || isByMethod) {
@@ -954,6 +997,7 @@ var RowDD = /** @class */ (function () {
                             childRecords.splice(droppedRecordIndex, 0, draggedRecord_2);
                             draggedRecord_2.parentItem = droppedRecord.parentItem;
                             draggedRecord_2.parentUniqueID = droppedRecord.parentUniqueID;
+                            draggedRecord_2.level = droppedRecord.level;
                             if (this_1.parent.parentIdMapping) {
                                 draggedRecord_2[this_1.parent.parentIdMapping] = droppedRecord[this_1.parent.parentIdMapping];
                                 draggedRecord_2.parentItem = droppedRecord.parentItem;
@@ -1018,10 +1062,10 @@ var RowDD = /** @class */ (function () {
             if (tObj.parentIdMapping) {
                 this.treeData.splice(recordIndex1, 0, this.draggedRecord.taskData);
             }
-            this.draggedRecord.parentItem = this.treeGridData[recordIndex1].parentItem;
-            this.draggedRecord.parentUniqueID = this.treeGridData[recordIndex1].parentUniqueID;
-            this.draggedRecord.level = this.treeGridData[recordIndex1].level;
-            this.treeGridData.splice(recordIndex1, 0, this.draggedRecord);
+            this.draggedRecord.parentItem = this.treeGridData[parseInt(recordIndex1.toString(), 10)].parentItem;
+            this.draggedRecord.parentUniqueID = this.treeGridData[parseInt(recordIndex1.toString(), 10)].parentUniqueID;
+            this.draggedRecord.level = this.treeGridData[parseInt(recordIndex1.toString(), 10)].level;
+            this.treeGridData.splice(parseInt(recordIndex1.toString(), 10), 0, this.draggedRecord);
             if (this.draggedRecord.hasChildRecords) {
                 var level = 1;
                 this.updateChildRecord(this.draggedRecord, recordIndex1);
@@ -1045,8 +1089,8 @@ var RowDD = /** @class */ (function () {
             droppedRecord.hasFilteredChildRecords = true;
             if (isNullOrUndefined(droppedRecord.childRecords) || droppedRecord.childRecords.length === 0) {
                 droppedRecord.childRecords = [];
-                if (!tObj.parentIdMapping && isNullOrUndefined(droppedRecord.taskData[childItem])) {
-                    droppedRecord.taskData[childItem] = [];
+                if (!tObj.parentIdMapping && isNullOrUndefined(droppedRecord.taskData["" + childItem])) {
+                    droppedRecord.taskData["" + childItem] = [];
                 }
             }
         }
@@ -1057,11 +1101,11 @@ var RowDD = /** @class */ (function () {
             draggedRecord.parentUniqueID = droppedRecord.uniqueID;
             droppedRecord.childRecords.splice(droppedRecord.childRecords.length, 0, draggedRecord);
             var isSelfReference = 'isSelfReference';
-            if (tObj[isSelfReference]) {
+            if (tObj["" + isSelfReference]) {
                 droppedRecord[tObj.childMapping] = [];
                 droppedRecord[tObj.childMapping].splice(droppedRecord[tObj.childMapping].length, 0, draggedRecord);
             }
-            if (!isNullOrUndefined(draggedRecord) && !tObj.parentIdMapping && !isNullOrUndefined(droppedRecord.taskData[childItem])) {
+            if (!isNullOrUndefined(draggedRecord) && !tObj.parentIdMapping && !isNullOrUndefined(droppedRecord.taskData["" + childItem])) {
                 droppedRecord.taskData[tObj.childMapping].splice(droppedRecord.childRecords.length, 0, draggedRecord.taskData);
             }
             if (!draggedRecord.hasChildRecords) {
@@ -1099,7 +1143,12 @@ var RowDD = /** @class */ (function () {
         }
         length = record.childRecords.length;
         for (var i = 0; i < length; i++) {
-            currentRecord = getValue('uniqueIDCollection.' + record.childRecords[i].uniqueID, tObj);
+            if (!this.isMultipleGrid) {
+                currentRecord = getValue('uniqueIDCollection.' + record.childRecords[parseInt(i.toString(), 10)].uniqueID, tObj);
+            }
+            else {
+                currentRecord = record.childRecords[parseInt(i.toString(), 10)];
+            }
             count++;
             tObj.flatData.splice(count, 0, currentRecord);
             setValue('uniqueIDCollection.' + currentRecord.uniqueID, currentRecord, this.parent);
@@ -1121,7 +1170,12 @@ var RowDD = /** @class */ (function () {
         }
         length = record.childRecords.length;
         for (var i = 0; i < length; i++) {
-            currentRecord = getValue('uniqueIDCollection.' + record.childRecords[i].uniqueID, this.parent);
+            if (!this.isMultipleGrid) {
+                currentRecord = getValue('uniqueIDCollection.' + record.childRecords[parseInt(i.toString(), 10)].uniqueID, this.parent);
+            }
+            else {
+                currentRecord = record.childRecords[parseInt(i.toString(), 10)];
+            }
             var parentData = void 0;
             if (record.parentItem) {
                 parentData = getParentData(this.parent, record.parentItem.uniqueID);
@@ -1169,12 +1223,13 @@ var RowDD = /** @class */ (function () {
                 var idz = void 0;
                 var treeGridData = dataSource;
                 for (var i = 0; i < treeGridData.length; i++) {
-                    if (treeGridData[i][this.parent.idMapping] === deletedRow.taskData[this.parent.idMapping]) {
+                    if (treeGridData[parseInt(i.toString(), 10)][this.parent.idMapping] === deletedRow.taskData[this.parent.idMapping]) {
                         idx = i;
                     }
                 }
                 for (var i = 0; i < this.treeGridData.length; i++) {
-                    if (this.treeGridData[i][this.parent.idMapping] === deletedRow.taskData[this.parent.idMapping]) {
+                    if (this.treeGridData[parseInt(i.toString(), 10)][this.parent.idMapping]
+                        === deletedRow.taskData[this.parent.idMapping]) {
                         idz = i;
                     }
                 }
@@ -1196,7 +1251,7 @@ var RowDD = /** @class */ (function () {
             if (recordIndex === -1 && !tObj.parentIdMapping) {
                 var primaryKeyField = tObj.getPrimaryKeyFieldNames()[0];
                 for (var j = 0; j < this.treeGridData.length; j++) {
-                    if (this.treeGridData[j][primaryKeyField] === deletedRow[primaryKeyField]) {
+                    if (this.treeGridData[parseInt(j.toString(), 10)]["" + primaryKeyField] === deletedRow["" + primaryKeyField]) {
                         recordIndex = j;
                     }
                 }
@@ -1237,7 +1292,7 @@ var RowDD = /** @class */ (function () {
             dataSource = this.parent.dataSource;
         }
         for (var i = 0; i < record.childRecords.length; i++) {
-            currentRecord = record.childRecords[i];
+            currentRecord = record.childRecords[parseInt(i.toString(), 10)];
             if (!isNullOrUndefined(currentRecord.childRecords) && currentRecord.childRecords.length) {
                 currentRecord.hasChildRecords = true;
             }
@@ -1249,12 +1304,13 @@ var RowDD = /** @class */ (function () {
                 treeGridData = this.parent.dataSource;
             }
             for (var i_2 = 0; i_2 < treeGridData.length; i_2++) {
-                if (treeGridData[i_2][this.parent.idMapping] === currentRecord.taskData[this.parent.idMapping]) {
+                if (treeGridData[parseInt(i_2.toString(), 10)][this.parent.idMapping] === currentRecord.taskData[this.parent.idMapping]) {
                     idx = i_2;
                 }
             }
             for (var i_3 = 0; i_3 < this.treeGridData.length; i_3++) {
-                if (this.treeGridData[i_3][this.parent.idMapping] === currentRecord.taskData[this.parent.idMapping]) {
+                if (this.treeGridData[parseInt(i_3.toString(), 10)][this.parent.idMapping]
+                    === currentRecord.taskData[this.parent.idMapping]) {
                     idz = i_3;
                     break;
                 }
@@ -1276,7 +1332,7 @@ var RowDD = /** @class */ (function () {
             return 0;
         }
         for (var i = 0; i < record.childRecords.length; i++) {
-            currentRecord = record.childRecords[i];
+            currentRecord = record.childRecords[parseInt(i.toString(), 10)];
             count++;
             if (currentRecord.hasChildRecords) {
                 count = this.getChildCount(currentRecord, count);

package/src/treegrid/actions/selection.d.ts

@@ -10,6 +10,7 @@ export declare class Selection {
     private selectedItems;
     private selectedIndexes;
     private filteredList;
+    private searchingRecords;
     /**
      * Constructor for Selection module
      *