@syncfusion/ej2-treegrid 20.3.61 → 20.4.38

package/src/treegrid/actions/page.js

@@ -94,7 +94,7 @@ var Page = /** @class */ (function () {
         if (this.parent.enableImmutableMode) {
             var primaryKeyField_1 = this.parent.getPrimaryKeyFieldNames()[0];
             var record = this.parent.flatData.filter(function (e) {
-                return e[primaryKeyField_1] === rowDetails.record[primaryKeyField_1];
+                return e["" + primaryKeyField_1] === rowDetails.record["" + primaryKeyField_1];
             });
             if (record.length) {
                 record[0].expanded = rowDetails.record.expanded;
@@ -112,15 +112,15 @@ var Page = /** @class */ (function () {
             var row = 'row';
             var action = 'action';
             var targetEle = void 0;
-            if (ret[action] === 'collapse') {
-                targetEle = ret[row].getElementsByClassName('e-treegridexpand')[0];
+            if (ret["" + action] === 'collapse') {
+                targetEle = ret["" + row].getElementsByClassName('e-treegridexpand')[0];
                 if (!isNullOrUndefined(targetEle)) {
                     removeClass([targetEle], 'e-treegridexpand');
                     addClass([targetEle], 'e-treegridcollapse');
                 }
             }
-            else if (ret[action] === 'expand') {
-                targetEle = ret[row].getElementsByClassName('e-treegridcollapse')[0];
+            else if (ret["" + action] === 'expand') {
+                targetEle = ret["" + row].getElementsByClassName('e-treegridcollapse')[0];
                 if (!isNullOrUndefined(targetEle)) {
                     removeClass([targetEle], 'e-treegridcollapse');
                     addClass([targetEle], 'e-treegridexpand');
@@ -131,11 +131,11 @@ var Page = /** @class */ (function () {
     Page.prototype.pageRoot = function (pagedResults, temp, result) {
         var newResults = isNullOrUndefined(result) ? [] : result;
         var _loop_1 = function (t) {
-            newResults.push(temp[t]);
+            newResults.push(temp[parseInt(t.toString(), 10)]);
             var res = [];
-            if (temp[t].hasChildRecords) {
+            if (temp[parseInt(t.toString(), 10)].hasChildRecords) {
                 res = pagedResults.filter(function (e) {
-                    return temp[t].uniqueID === e.parentUniqueID;
+                    return temp[parseInt(t.toString(), 10)].uniqueID === e.parentUniqueID;
                 });
                 newResults = this_1.pageRoot(pagedResults, res, newResults);
             }

package/src/treegrid/actions/reorder.js

@@ -48,12 +48,12 @@ var Reorder = /** @class */ (function () {
     };
     Reorder.prototype.getTreeColumn = function () {
         var columnModel = 'columnModel';
-        var treeColumn = this.parent[columnModel][this.parent.treeColumnIndex];
+        var treeColumn = this.parent["" + columnModel][this.parent.treeColumnIndex];
         var treeIndex;
         var updatedCols = this.parent.getColumns();
         for (var f = 0; f < updatedCols.length; f++) {
             var treeColumnfield = getObject('field', treeColumn);
-            var parentColumnfield = getObject('field', updatedCols[f]);
+            var parentColumnfield = getObject('field', updatedCols[parseInt(f.toString(), 10)]);
             if (treeColumnfield === parentColumnfield) {
                 treeIndex = f;
                 break;

package/src/treegrid/actions/rowdragdrop.js

@@ -81,11 +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++) {
-                var index = this.parent.getRowByIndex(fromIndexes[i]).rowIndex;
-                data[i] = this.parent.getCurrentViewRecords()[index];
+                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 = {
@@ -99,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;
                 }
@@ -110,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]];
@@ -120,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];
@@ -140,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 {
@@ -163,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];
@@ -181,10 +181,11 @@ 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()[i].getAttribute('data-rowindex'), 10);
+                                dropIndex = parseInt(tObj.getRows()[parseInt(i.toString(), 10)].getAttribute('data-rowindex'), 10);
                             }
                         }
                     }
@@ -195,8 +196,8 @@ var RowDD = /** @class */ (function () {
                 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;
+                tObj["" + action] = 'indenting';
+                tObj["" + droppedIndex] = dropIndex;
                 this.eventTrigger('indenting', dropIndex);
             }
             else if (request === 'outdent') {
@@ -207,15 +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].uniqueID === parentItem.uniqueID) {
+                    if (tObj.getCurrentViewRecords()[parseInt(i.toString(), 10)].uniqueID === parentItem.uniqueID) {
                         dropIndex = i;
                     }
                 }
                 if (this.parent.enableVirtualization && this.selectedRecord) {
-                    dropIndex = parseInt(this.parent.getRows()[dropIndex].getAttribute('data-rowindex'), 10);
+                    dropIndex = parseInt(this.parent.getRows()[parseInt(dropIndex.toString(), 10)].getAttribute('data-rowindex'), 10);
                 }
-                tObj[action] = 'outdenting';
-                tObj[droppedIndex] = dropIndex;
+                tObj["" + action] = 'outdenting';
+                tObj["" + droppedIndex] = dropIndex;
                 this.eventTrigger('outdenting', dropIndex);
             }
         }
@@ -251,10 +252,10 @@ var RowDD = /** @class */ (function () {
     };
     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;
@@ -263,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;
@@ -290,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;
                 }
@@ -307,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;
                         }
                     }
@@ -330,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) {
@@ -363,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 ||
@@ -388,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;
                 }
             }
@@ -408,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;
                 }
             }
         }
@@ -462,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();
@@ -660,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);
             }
         }
     };
@@ -686,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]) {
@@ -765,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 = [];
@@ -778,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'
                     });
@@ -798,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'
                 });
@@ -817,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
                         }
                     }
                 }
@@ -840,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;
                     }
                 }
             }
@@ -880,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]))
+                (this.parent.grid.getRowIndexByPrimaryKey(data[0]["" + primaryKeyField]))
                 : this.parent.getSelectedRowIndexes()[0];
-            var selectedRecord = this.parent.getCurrentViewRecords()[rowIndex];
+            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);
             }
@@ -903,16 +907,16 @@ 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;
                 if (this.parent.enableVirtualization) {
                     var index = this.parent.getRowByIndex(args.dropIndex).rowIndex;
-                    this.droppedRecord = tObj.getCurrentViewRecords()[index];
+                    this.droppedRecord = tObj.getCurrentViewRecords()[parseInt(index.toString(), 10)];
                 }
                 else {
                     this.droppedRecord = tObj.getCurrentViewRecords()[args.dropIndex];
@@ -941,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) {
@@ -1058,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);
@@ -1085,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] = [];
                 }
             }
         }
@@ -1097,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) {
@@ -1140,10 +1144,10 @@ var RowDD = /** @class */ (function () {
         length = record.childRecords.length;
         for (var i = 0; i < length; i++) {
             if (!this.isMultipleGrid) {
-                currentRecord = getValue('uniqueIDCollection.' + record.childRecords[i].uniqueID, tObj);
+                currentRecord = getValue('uniqueIDCollection.' + record.childRecords[parseInt(i.toString(), 10)].uniqueID, tObj);
             }
             else {
-                currentRecord = record.childRecords[i];
+                currentRecord = record.childRecords[parseInt(i.toString(), 10)];
             }
             count++;
             tObj.flatData.splice(count, 0, currentRecord);
@@ -1167,10 +1171,10 @@ var RowDD = /** @class */ (function () {
         length = record.childRecords.length;
         for (var i = 0; i < length; i++) {
             if (!this.isMultipleGrid) {
-                currentRecord = getValue('uniqueIDCollection.' + record.childRecords[i].uniqueID, this.parent);
+                currentRecord = getValue('uniqueIDCollection.' + record.childRecords[parseInt(i.toString(), 10)].uniqueID, this.parent);
             }
             else {
-                currentRecord = record.childRecords[i];
+                currentRecord = record.childRecords[parseInt(i.toString(), 10)];
             }
             var parentData = void 0;
             if (record.parentItem) {
@@ -1219,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;
                     }
                 }
@@ -1246,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;
                     }
                 }
@@ -1287,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;
             }
@@ -1299,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;
                 }
@@ -1326,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);