@syncfusion/ej2-treegrid 20.1.55 → 20.1.56-97113

package/src/treegrid/actions/batch-edit.js

@@ -100,7 +100,7 @@ var BatchEdit = /** @class */ (function () {
         var index;
         if (!isNullOrUndefined(this.batchAddedRecords) && this.batchAddedRecords.length) {
             for (var i = 0; i < this.batchAddedRecords.length; i++) {
-                index = data.map(function (e) { return e[primaryKey]; }).indexOf(this.batchAddedRecords[i][primaryKey]);
+                index = data.map(function (e) { return e["" + primaryKey]; }).indexOf(this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]);
                 data.splice(index, 1);
             }
         }
@@ -137,7 +137,7 @@ var BatchEdit = /** @class */ (function () {
             var indexvalue = void 0;
             var parentItem = 'parentItem';
             var uniqueID = 'uniqueID';
-            var parentRecord = this.selectedIndex > -1 ? this.batchRecords[this.addRowIndex][parentItem] : null;
+            var parentRecord = this.selectedIndex > -1 ? this.batchRecords[parseInt(this.addRowIndex.toString(), 10)]["" + parentItem] : null;
             var idMapping = void 0;
             var parentUniqueID = void 0;
             var parentIdMapping = void 0;
@@ -149,14 +149,14 @@ var BatchEdit = /** @class */ (function () {
                 if (this.batchRecords.length) {
                     idMapping = this.batchRecords[this.addRowIndex][this.parent.idMapping];
                     parentIdMapping = this.batchRecords[this.addRowIndex][this.parent.parentIdMapping];
-                    if (this.batchRecords[this.addRowIndex][parentItem]) {
-                        parentUniqueID = this.batchRecords[this.addRowIndex][parentItem][uniqueID];
+                    if (this.batchRecords[parseInt(this.addRowIndex.toString(), 10)]["" + parentItem]) {
+                        parentUniqueID = this.batchRecords[parseInt(this.addRowIndex.toString(), 10)]["" + parentItem]["" + uniqueID];
                     }
                 }
                 this.batchAddedRecords = extendArray(this.batchAddedRecords);
                 this.batchAddRowRecord = extendArray(this.batchAddRowRecord);
                 this.batchAddRowRecord.push(this.batchRecords[this.addRowIndex]);
-                added = this.parent.grid.getRowsObject()[rowObjectIndex].changes;
+                added = this.parent.grid.getRowsObject()[parseInt(rowObjectIndex.toString(), 10)].changes;
                 added.uniqueID = getUid(this.parent.element.id + '_data_');
                 setValue('uniqueIDCollection.' + added.uniqueID, added, this.parent);
                 if (!Object.prototype.hasOwnProperty.call(added, 'level')) {
@@ -173,7 +173,7 @@ var BatchEdit = /** @class */ (function () {
                             var childRecordCount = findChildrenRecords(this.batchRecords[this.addRowIndex]).length;
                             var record = findChildrenRecords(this.batchRecords[this.addRowIndex])[childRecordCount - 1];
                             record = isNullOrUndefined(record) ? this.batchRecords[this.addRowIndex] : record;
-                            currentDataIndex = data.map(function (e) { return e[primaryKey_1]; }).indexOf(record[primaryKey_1]);
+                            currentDataIndex = data.map(function (e) { return e["" + primaryKey_1]; }).indexOf(record["" + primaryKey_1]);
                             if (this.isSelfReference) {
                                 added[this.parent.parentIdMapping] = idMapping;
                             }
@@ -182,7 +182,7 @@ var BatchEdit = /** @class */ (function () {
                     }
                     else if ((this.parent.editSettings.newRowPosition === 'Above' || this.parent.editSettings.newRowPosition === 'Below')
                         && !isNullOrUndefined(this.batchRecords[this.addRowIndex])) {
-                        added.level = this.batchRecords[this.addRowIndex][level];
+                        added.level = this.batchRecords[parseInt(this.addRowIndex.toString(), 10)]["" + level];
                         if (added.level && this.selectedIndex > -1) {
                             added.parentItem = parentRecord;
                             added.parentUniqueID = parentUniqueID;
@@ -194,11 +194,11 @@ var BatchEdit = /** @class */ (function () {
                             var childRecordCount = findChildrenRecords(this.batchRecords[this.addRowIndex]).length;
                             var record = findChildrenRecords(this.batchRecords[this.addRowIndex])[childRecordCount - 1];
                             record = isNullOrUndefined(record) ? this.batchRecords[this.addRowIndex] : record;
-                            currentDataIndex = data.map(function (e) { return e[primaryKey_1]; }).indexOf(record[primaryKey_1]);
+                            currentDataIndex = data.map(function (e) { return e["" + primaryKey_1]; }).indexOf(record["" + primaryKey_1]);
                         }
                         if (this.parent.editSettings.newRowPosition === 'Above' && this.selectedIndex > -1) {
                             var record = this.batchRecords[this.addRowIndex];
-                            currentDataIndex = data.map(function (e) { return e[primaryKey_1]; }).indexOf(record[primaryKey_1]);
+                            currentDataIndex = data.map(function (e) { return e["" + primaryKey_1]; }).indexOf(record["" + primaryKey_1]);
                         }
                         if (this.isSelfReference) {
                             added[this.parent.parentIdMapping] = parentIdMapping;
@@ -221,26 +221,28 @@ var BatchEdit = /** @class */ (function () {
                     data.splice(indexvalue, 0, added);
                     this.batchAddedRecords.push(added);
                 }
-                this.parent.grid.getRowsObject()[rowObjectIndex].data = added;
+                this.parent.grid.getRowsObject()[parseInt(rowObjectIndex.toString(), 10)].data = added;
                 this.newBatchRowAdded = false;
             }
             if (this.parent.frozenColumns || this.parent.getFrozenColumns()
-                && this.parent.grid.getRowsObject()[rowObjectIndex].edit === 'add') {
-                merge(this.currentViewRecords[rowObjectIndex], this.parent.grid.getRowsObject()[rowObjectIndex].changes);
+                && this.parent.grid.getRowsObject()[parseInt(rowObjectIndex.toString(), 10)].edit === 'add') {
+                merge(this.currentViewRecords[parseInt(rowObjectIndex.toString(), 10)], this.parent.grid.getRowsObject()[parseInt(rowObjectIndex.toString(), 10)].changes);
             }
         }
     };
     BatchEdit.prototype.beforeBatchAdd = function (e) {
         var isTabLastRow = 'isTabLastRow';
-        if (this.parent.editSettings.mode === 'Cell' && this.parent.editModule[isTabLastRow]) {
+        if (this.parent.editSettings.mode === 'Cell' && this.parent.editModule["" + isTabLastRow]) {
             e.cancel = true;
-            this.parent.editModule[isTabLastRow] = false;
+            this.parent.editModule["" + isTabLastRow] = false;
             return;
         }
-        if (this.parent.editModule['isAddedRowByMethod'] && !isNullOrUndefined(this.parent.editModule['addRowIndex']) && this.parent.grid.selectedRowIndex === -1) {
+        if (this.parent.editModule['isAddedRowByMethod'] && !isNullOrUndefined(this.parent.editModule['addRowIndex']) &&
+            !this.parent.editModule['isAddedRowByContextMenu'] && (this.parent.grid.selectedRowIndex === -1 || this.parent.editModule['batchEditModule'].isAdd)) {
             this.selectedIndex = this.parent.editModule['selectedIndex'];
             this.addRowIndex = this.parent.editModule['addRowIndex'];
-            this.addRowRecord = this.parent.getCurrentViewRecords()[this.selectedIndex];
+            this.addRowRecord = this.batchRecords.length ? this.batchRecords[this.selectedIndex]
+                : this.parent.getCurrentViewRecords()[this.selectedIndex];
         }
         else {
             this.selectedIndex = this.parent.grid.selectedRowIndex;
@@ -287,6 +289,11 @@ var BatchEdit = /** @class */ (function () {
                 // }
             }
             focusModule.getContent().matrix.current = [actualIndex, focusModule.getContent().matrix.current[1]];
+            if (this.parent.editModule['isAddedRowByMethod'] && !isNullOrUndefined(this.parent.editModule['addRowIndex']) && !this.parent.editModule['isAddedRowByContextMenu']) {
+                var newlyAddedRecords = this.parent.getBatchChanges()['addedRecords'];
+                var index = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[newlyAddedRecords.length - 1].getAttribute('data-rowindex'), 10);
+                this.batchRecords.splice(index, 0, newlyAddedRecords[newlyAddedRecords.length - 1]);
+            }
         }
     };
     BatchEdit.prototype.beforeBatchDelete = function (args) {
@@ -312,14 +319,14 @@ var BatchEdit = /** @class */ (function () {
             childs = findChildrenRecords(data);
             uid = this.parent.getSelectedRows()[0].getAttribute('data-uid');
         }
-        var parentRowIndex = parseInt(this.parent.grid.getRowElementByUID(uid).getAttribute('aria-rowindex'), 10);
+        var parentRowIndex = parseInt(this.parent.grid.getRowElementByUID(uid).getAttribute('data-rowindex'), 10);
         if (childs.length) {
             var totalCount = parentRowIndex + childs.length;
             var firstChildIndex = parentRowIndex + 1;
             for (var i = firstChildIndex; i <= totalCount; i++) {
-                row.push(this.parent.grid.getDataRows()[i]);
+                row.push(this.parent.grid.getDataRows()[parseInt(i.toString(), 10)]);
                 if (this.parent.frozenRows || this.parent.frozenColumns || this.parent.getFrozenColumns()) {
-                    row.push(this.parent.grid.getMovableRows()[i]);
+                    row.push(this.parent.grid.getMovableRows()[parseInt(i.toString(), 10)]);
                 }
             }
         }
@@ -335,21 +342,21 @@ var BatchEdit = /** @class */ (function () {
         childs.push(data);
         records = childs;
         for (var i = 0; i < records.length; i++) {
-            var indexvalue = this.batchRecords.map(function (e) { return e[primarykey]; }).indexOf(records[i][primarykey]);
+            var indexvalue = this.batchRecords.map(function (e) { return e["" + primarykey]; }).indexOf(records[parseInt(i.toString(), 10)]["" + primarykey]);
             if (indexvalue !== -1) {
                 this.batchRecords.splice(indexvalue, 1);
             }
         }
         for (var i = 0; i < row.length; i++) {
-            if (!isNullOrUndefined(row[i])) {
-                this.parent.grid.selectionModule.selectedRecords.push(row[i]);
+            if (!isNullOrUndefined(row[parseInt(i.toString(), 10)])) {
+                this.parent.grid.selectionModule.selectedRecords.push(row[parseInt(i.toString(), 10)]);
             }
         }
     };
     BatchEdit.prototype.updateRowIndex = function () {
         var rows = this.parent.grid.getDataRows();
         for (var i = 0; i < rows.length; i++) {
-            rows[i].setAttribute('aria-rowindex', i.toString());
+            rows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
         }
         var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
             this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
@@ -357,9 +364,9 @@ var BatchEdit = /** @class */ (function () {
             var mRows = this.parent.grid.getMovableDataRows();
             var freezeRightRows = this.parent.grid.getFrozenRightDataRows();
             for (var i = 0; i < mRows.length; i++) {
-                mRows[i].setAttribute('aria-rowindex', i.toString());
+                mRows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
                 if (freeze) {
-                    freezeRightRows[i].setAttribute('aria-rowindex', i.toString());
+                    freezeRightRows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
                 }
             }
         }
@@ -368,9 +375,9 @@ var BatchEdit = /** @class */ (function () {
         var primaryKey = this.parent.grid.getPrimaryKeyFieldNames()[0];
         var addedRecords = 'addedRecords';
         var parentItem = this.parent.editSettings.newRowPosition === 'Child' ? 'primaryParent' : 'parentItem';
-        for (var i = 0; i < this.parent.getBatchChanges()[addedRecords].length; i++) {
-            if (!isNullOrUndefined(this.parent.getBatchChanges()[addedRecords][i][parentItem])) {
-                if (this.parent.getBatchChanges()[addedRecords][i][parentItem][primaryKey] === records[this.addRowIndex][primaryKey]) {
+        for (var i = 0; i < this.parent.getBatchChanges()["" + addedRecords].length; i++) {
+            if (!isNullOrUndefined(this.parent.getBatchChanges()["" + addedRecords][parseInt(i.toString(), 10)]["" + parentItem])) {
+                if (this.parent.getBatchChanges()["" + addedRecords][parseInt(i.toString(), 10)]["" + parentItem]["" + primaryKey] === records[parseInt(this.addRowIndex.toString(), 10)]["" + primaryKey]) {
                     this.batchChildCount = this.batchChildCount + 1;
                 }
             }
@@ -379,32 +386,32 @@ var BatchEdit = /** @class */ (function () {
     BatchEdit.prototype.beforeBatchSave = function (e) {
         var changeRecords = 'changedRecords';
         var deleterecords = 'deletedRecords';
-        var changedRecords = e.batchChanges[changeRecords];
-        if (e.batchChanges[changeRecords].length) {
+        var changedRecords = e.batchChanges["" + changeRecords];
+        if (e.batchChanges["" + changeRecords].length) {
             var columnName = void 0;
             for (var i = 0; i < changedRecords.length; i++) {
-                editAction({ value: changedRecords[i], action: 'edit' }, this.parent, this.isSelfReference, this.addRowIndex, this.selectedIndex, columnName);
+                editAction({ value: changedRecords[parseInt(i.toString(), 10)], action: 'edit' }, this.parent, this.isSelfReference, this.addRowIndex, this.selectedIndex, columnName);
             }
         }
-        if (e.batchChanges[deleterecords].length) {
-            var deletedRecords = e.batchChanges[deleterecords];
+        if (e.batchChanges["" + deleterecords].length) {
+            var deletedRecords = e.batchChanges["" + deleterecords];
             var record = deletedRecords;
             for (var i = 0; i < record.length; i++) {
-                this.deleteUniqueID(record[i].uniqueID);
-                var childs = findChildrenRecords(record[i]);
+                this.deleteUniqueID(record[parseInt(i.toString(), 10)].uniqueID);
+                var childs = findChildrenRecords(record[parseInt(i.toString(), 10)]);
                 for (var c = 0; c < childs.length; c++) {
-                    this.deleteUniqueID(childs[c].uniqueID);
+                    this.deleteUniqueID(childs[parseInt(c.toString(), 10)].uniqueID);
                 }
-                e.batchChanges[deleterecords] = e.batchChanges[deleterecords].concat(childs);
+                e.batchChanges["" + deleterecords] = e.batchChanges["" + deleterecords].concat(childs);
             }
         }
         this.isAdd = false;
     };
     BatchEdit.prototype.deleteUniqueID = function (value) {
         var idFilter = 'uniqueIDFilterCollection';
-        delete this.parent[idFilter][value];
+        delete this.parent["" + idFilter]["" + value];
         var id = 'uniqueIDCollection';
-        delete this.parent[id][value];
+        delete this.parent["" + id]["" + value];
     };
     BatchEdit.prototype.batchCancelAction = function () {
         var targetElement = 'targetElement';
@@ -418,37 +425,39 @@ var BatchEdit = /** @class */ (function () {
         var primaryKey = this.parent.grid.getPrimaryKeyFieldNames()[0];
         if (!isNullOrUndefined(this.batchAddedRecords)) {
             for (var i = 0; i < this.batchAddedRecords.length; i++) {
-                index = data.map(function (e) { return e[primaryKey]; }).indexOf(this.batchAddedRecords[i][primaryKey]);
-                data.splice(index, 1);
+                index = data.map(function (e) { return e["" + primaryKey]; }).indexOf(this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]);
+                if (index !== -1) {
+                    data.splice(index, 1);
+                }
                 if (this.parent.editSettings.newRowPosition === 'Child') {
-                    index = currentViewRecords.map(function (e) { return e[primaryKey]; })
-                        .indexOf(this.batchAddedRecords[i][parentItem] ? this.batchAddedRecords[i][parentItem][primaryKey]
-                        : this.batchAddedRecords[i][primaryKey]);
-                    if (!isNullOrUndefined(currentViewRecords[index])) {
-                        var children = currentViewRecords[index][childRecords];
+                    index = currentViewRecords.map(function (e) { return e["" + primaryKey]; })
+                        .indexOf(this.batchAddedRecords[parseInt(i.toString(), 10)]["" + parentItem] ? this.batchAddedRecords[parseInt(i.toString(), 10)]["" + parentItem]["" + primaryKey]
+                        : this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]);
+                    if (!isNullOrUndefined(currentViewRecords[parseInt(index.toString(), 10)])) {
+                        var children = currentViewRecords[parseInt(index.toString(), 10)]["" + childRecords];
                         for (var j = 0; children && j < children.length; j++) {
-                            if (children[j][primaryKey] === this.batchAddedRecords[i][primaryKey]) {
-                                currentViewRecords[index][childRecords].splice(j, 1);
+                            if (children[parseInt(j.toString(), 10)]["" + primaryKey] === this.batchAddedRecords[parseInt(i.toString(), 10)]["" + primaryKey]) {
+                                currentViewRecords[parseInt(index.toString(), 10)]["" + childRecords].splice(j, 1);
                             }
                         }
                     }
                 }
             }
         }
-        if (!isNullOrUndefined(this.parent[targetElement])) {
-            var row = this.parent[targetElement].closest('tr');
+        if (!isNullOrUndefined(this.parent["" + targetElement])) {
+            var row = this.parent["" + targetElement].closest('tr');
             this.parent.collapseRow(row);
-            this.parent[targetElement] = null;
+            this.parent["" + targetElement] = null;
         }
         if (!isNullOrUndefined(this.batchDeletedRecords)) {
             for (var i = 0; i < this.batchDeletedRecords.length; i++) {
-                if (!isNullOrUndefined(this.batchDeletedRecords[i][parentItem])) {
-                    index = currentViewRecords.map(function (e) { return e[primaryKey]; })
-                        .indexOf(this.batchDeletedRecords[i][parentItem][primaryKey]);
-                    var positionIndex = this.batchDeletedRecords[i][indexvalue] === 0 ? this.batchDeletedRecords[i][indexvalue] :
-                        this.batchDeletedRecords[i][indexvalue] - 1;
-                    if (!isNullOrUndefined(currentViewRecords[index])) {
-                        currentViewRecords[index][childRecords].splice(positionIndex, 0, this.batchDeletedRecords[i]);
+                if (!isNullOrUndefined(this.batchDeletedRecords[parseInt(i.toString(), 10)]["" + parentItem])) {
+                    index = currentViewRecords.map(function (e) { return e["" + primaryKey]; })
+                        .indexOf(this.batchDeletedRecords[parseInt(i.toString(), 10)]["" + parentItem]["" + primaryKey]);
+                    var positionIndex = this.batchDeletedRecords[parseInt(i.toString(), 10)]["" + indexvalue] === 0 ? this.batchDeletedRecords[parseInt(i.toString(), 10)]["" + indexvalue] :
+                        this.batchDeletedRecords[parseInt(i.toString(), 10)]["" + indexvalue] - 1;
+                    if (!isNullOrUndefined(currentViewRecords[parseInt(index.toString(), 10)])) {
+                        currentViewRecords[parseInt(index.toString(), 10)]["" + childRecords].splice(positionIndex, 0, this.batchDeletedRecords[parseInt(i.toString(), 10)]);
                     }
                 }
             }
@@ -473,7 +482,7 @@ var BatchEdit = /** @class */ (function () {
             var currentViewRecords = this.parent.grid.getCurrentViewRecords();
             var primarykey_1 = this.parent.grid.getPrimaryKeyFieldNames()[0];
             var level = 'level';
-            var addRecords = batchChanges[addedRecords];
+            var addRecords = batchChanges["" + addedRecords];
             var parentItem = 'parentItem';
             var selectedIndex = void 0;
             var addRowIndex = void 0;
@@ -485,9 +494,12 @@ var BatchEdit = /** @class */ (function () {
             }
             if (this.parent.editSettings.newRowPosition !== 'Bottom' && !Object.hasOwnProperty.call(args, 'updatedRecords')) {
                 data.splice(data.length - addRecords.length, addRecords.length);
-                if (this.parent.editModule['isAddedRowByMethod'] && addRecords.length && !isNullOrUndefined(this.parent.editModule['addRowIndex'])) {
-                    var index_1 = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[0].getAttribute('aria-rowindex'), 10);
-                    data.splice(index_1, 0, addRecords[0]);
+                if (this.parent.editModule['isAddedRowByMethod'] && addRecords.length && !isNullOrUndefined(this.parent.editModule['addRowIndex']) && !this.parent.editModule['isAddedRowByContextMenu']) {
+                    addRecords.reverse();
+                    for (var i_1 = 0; i_1 < addRecords.length; i_1++) {
+                        var index_1 = parseInt(this.parent.getContentTable().getElementsByClassName('e-insertedrow')[parseInt(i_1.toString(), 10)].getAttribute('data-rowindex'), 10);
+                        data.splice(index_1, 0, addRecords[parseInt(i_1.toString(), 10)]);
+                    }
                 }
                 if (!this.parent.allowPaging && data.length !== currentViewRecords.length) {
                     if (currentViewRecords.length > addRecords.length) {
@@ -497,8 +509,8 @@ var BatchEdit = /** @class */ (function () {
                 else {
                     var totalRecords = extendArray(data);
                     if (totalRecords.length) {
-                        var startIndex = totalRecords.map(function (e) { return e[primarykey_1]; })
-                            .indexOf(currentViewRecords[0][primarykey_1]);
+                        var startIndex = totalRecords.map(function (e) { return e["" + primarykey_1]; })
+                            .indexOf(currentViewRecords[0]["" + primarykey_1]);
                         var endIndex = startIndex + this.parent.grid.pageSettings.pageSize;
                         currentViewRecords = totalRecords.splice(startIndex, endIndex);
                     }
@@ -507,8 +519,11 @@ var BatchEdit = /** @class */ (function () {
             if (this.batchAddRowRecord.length === 0) {
                 this.batchAddRowRecord.push(this.parent.flatData[args.index]);
             }
+            if (this.parent.editModule['isAddedRowByContextMenu']) {
+                addRecords.reverse();
+            }
             for (i = 0; i < addRecords.length; i++) {
-                var taskData = extend({}, addRecords[i]);
+                var taskData = extend({}, addRecords[parseInt(i.toString(), 10)]);
                 delete taskData.parentItem;
                 delete taskData.uniqueID;
                 delete taskData.index;
@@ -519,54 +534,62 @@ var BatchEdit = /** @class */ (function () {
                 if (!isNullOrUndefined(taskData.primaryParent)) {
                     delete taskData.primaryParent;
                 }
-                addRecords[i].taskData = taskData;
-                addRowRecord = this.batchAddRowRecord[i];
+                if (addRecords.length > 1 && this.parent.editModule['isAddedRowByContextMenu']) {
+                    var rowPosition = this.parent.editSettings.newRowPosition;
+                    this.parent.editSettings.newRowPosition = this.parent.editModule['previousNewRowPosition'];
+                    this.parent.editModule['previousNewRowPosition'] = rowPosition;
+                }
+                addRecords[parseInt(i.toString(), 10)].taskData = taskData;
+                addRowRecord = this.batchAddRowRecord[parseInt(i.toString(), 10)];
                 if (isNullOrUndefined(addRowRecord)) {
                     addRowRecord = this.batchAddRowRecord[i - 1];
                 }
                 if (this.isSelfReference) {
-                    if (!isNullOrUndefined(addRecords[i].parentItem)) {
-                        updateParentRow(primarykey_1, addRecords[i].parentItem, 'add', this.parent, this.isSelfReference, addRecords[i]);
+                    if (!isNullOrUndefined(addRecords[parseInt(i.toString(), 10)].parentItem)) {
+                        updateParentRow(primarykey_1, addRecords[parseInt(i.toString(), 10)].parentItem, 'add', this.parent, this.isSelfReference, addRecords[parseInt(i.toString(), 10)]);
                     }
                 }
                 if (!isNullOrUndefined(addRowRecord)) {
                     addRowIndex = addRowRecord.index;
                 }
                 if (this.parent.editSettings.newRowPosition !== 'Top' && this.parent.editSettings.newRowPosition !== 'Bottom') {
-                    if (isNullOrUndefined(addRecords[i].parentItem) && this.selectedIndex === -1) {
+                    if (isNullOrUndefined(addRecords[parseInt(i.toString(), 10)].parentItem) && this.selectedIndex === -1) {
                         selectedIndex = -1;
                         addRowRecord = null;
                     }
                 }
-                editAction({ value: addRecords[i], action: 'add' }, this.parent, this.isSelfReference, addRowIndex, selectedIndex, columnName, addRowRecord);
+                editAction({ value: addRecords[parseInt(i.toString(), 10)], action: 'add' }, this.parent, this.isSelfReference, addRowIndex, selectedIndex, columnName, addRowRecord);
                 selectedIndex = null;
-                if (this.parent.editSettings.newRowPosition === 'Child' && !isNullOrUndefined(addRecords[i][parentItem]) &&
+                if (this.parent.editSettings.newRowPosition === 'Child' && !isNullOrUndefined(addRecords[parseInt(i.toString(), 10)]["" + parentItem]) &&
                     (isNullOrUndefined(this.parent.editModule['addRowIndex']) || this.isSelfReference)) {
-                    var indexValue = currentViewRecords.map(function (e) { return e[primarykey_1]; })
-                        .indexOf(addRecords[i][parentItem][primarykey_1]);
-                    var children = currentViewRecords[indexValue][childRecords];
+                    var indexValue = currentViewRecords.map(function (e) { return e["" + primarykey_1]; })
+                        .indexOf(addRecords[parseInt(i.toString(), 10)]["" + parentItem]["" + primarykey_1]);
+                    var children = currentViewRecords[parseInt(indexValue.toString(), 10)]["" + childRecords];
                     for (var j = 0; j < children.length; j++) {
-                        if (children[j][primarykey_1] === addRecords[i][primarykey_1]) {
-                            currentViewRecords[indexValue][childRecords].splice(j, 1);
+                        if (children[parseInt(j.toString(), 10)]["" + primarykey_1] === addRecords[parseInt(i.toString(), 10)]["" + primarykey_1]) {
+                            currentViewRecords[parseInt(indexValue.toString(), 10)]["" + childRecords].splice(j, 1);
                         }
                     }
                 }
             }
-            if (batchChanges[deletedRecords].length) {
-                for (i = 0; i < batchChanges[deletedRecords].length; i++) {
-                    editAction({ value: batchChanges[deletedRecords][i], action: 'delete' }, this.parent, this.isSelfReference, addRowIndex, selectedIndex, columnName, addRowRecord);
+            if (batchChanges["" + deletedRecords].length) {
+                for (i = 0; i < batchChanges["" + deletedRecords].length; i++) {
+                    editAction({ value: batchChanges["" + deletedRecords][parseInt(i.toString(), 10)], action: 'delete' }, this.parent, this.isSelfReference, addRowIndex, selectedIndex, columnName, addRowRecord);
                 }
             }
             this.parent.parentData = [];
-            for (var i_1 = 0; i_1 < data.length; i_1++) {
-                data[i_1][index] = i_1;
-                setValue('uniqueIDCollection.' + data[i_1][uniqueID] + '.index', i_1, this.parent);
-                if (!data[i_1][level]) {
-                    this.parent.parentData.push(data[i_1]);
+            for (var i_2 = 0; i_2 < data.length; i_2++) {
+                data[parseInt(i_2.toString(), 10)]["" + index] = i_2;
+                setValue('uniqueIDCollection.' + data[parseInt(i_2.toString(), 10)]["" + uniqueID] + '.index', i_2, this.parent);
+                if (!data[parseInt(i_2.toString(), 10)]["" + level]) {
+                    this.parent.parentData.push(data[parseInt(i_2.toString(), 10)]);
                 }
             }
         }
         this.batchAddRowRecord = this.batchAddedRecords = this.batchRecords = this.batchDeletedRecords = this.currentViewRecords = [];
+        if (this.parent.editModule['isAddedRowByContextMenu']) {
+            this.parent.editModule['isAddedRowByContextMenu'] = false;
+        }
     };
     BatchEdit.prototype.getActualRowObjectIndex = function (index) {
         var rows = this.parent.grid.getDataRows();
@@ -605,13 +628,18 @@ var BatchEdit = /** @class */ (function () {
             addedRecords = changes.addedRecords;
         }
         for (var i = 0; i < addedRecords.length; i++) {
-            e.rows.splice(addedRecords[i][index], 1);
+            e.rows.splice(addedRecords[parseInt(i.toString(), 10)]["" + index], 1);
         }
     };
     BatchEdit.prototype.nextCellIndex = function (args) {
         var index = 'index';
         var rowIndex = 'rowIndex';
-        args[index] = this.parent.getSelectedRows()[0][rowIndex];
+        if (this.parent.getSelectedRows().length) {
+            args["" + index] = this.parent.getSelectedRows()[0]["" + rowIndex];
+        }
+        else {
+            args["" + index] = this.batchIndex;
+        }
     };
     return BatchEdit;
 }());

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

@@ -2,7 +2,7 @@
  * clipboard.ts file
  */
 import { TreeGrid } from '../base/treegrid';
-import { Clipboard as GridClipboard } from '@syncfusion/ej2-grids';
+import { Clipboard as GridClipboard, ServiceLocator } from '@syncfusion/ej2-grids';
 /**
  * The `Clipboard` module is used to handle clipboard copy action.
  *
@@ -12,7 +12,8 @@ export declare class TreeClipboard extends GridClipboard {
     private treeGridParent;
     private treeCopyContent;
     private copiedUniqueIdCollection;
-    constructor(parent?: TreeGrid);
+    protected serviceLocator: ServiceLocator;
+    constructor(parent?: TreeGrid, serviceLocator?: ServiceLocator);
     protected setCopyData(withHeader?: boolean): void;
     private parentContentData;
     copy(withHeader?: boolean): void;

package/src/treegrid/actions/clipboard.js

@@ -21,11 +21,12 @@ import { Clipboard as GridClipboard } from '@syncfusion/ej2-grids';
  */
 var TreeClipboard = /** @class */ (function (_super) {
     __extends(TreeClipboard, _super);
-    function TreeClipboard(parent) {
-        var _this = _super.call(this, parent.grid) || this;
+    function TreeClipboard(parent, serviceLocator) {
+        var _this = _super.call(this, parent.grid, serviceLocator) || this;
         _this.treeCopyContent = '';
         _this.copiedUniqueIdCollection = [];
         _this.treeGridParent = parent;
+        _this.serviceLocator = serviceLocator;
         return _this;
     }
     TreeClipboard.prototype.setCopyData = function (withHeader) {
@@ -35,7 +36,7 @@ var TreeClipboard = /** @class */ (function (_super) {
         var uniqueID = 'uniqueID';
         var currentRecords = this.treeGridParent.getCurrentViewRecords();
         if (window.getSelection().toString() === '') {
-            this.clipBoardTextArea.value = this[copyContent] = '';
+            this.clipBoardTextArea.value = this["" + copyContent] = '';
             var rows = this.treeGridParent.grid.getRows();
             if (this.treeGridParent.selectionSettings.mode !== 'Cell') {
                 var selectedIndexes = this.treeGridParent.getSelectedRowIndexes().sort(function (a, b) {
@@ -45,19 +46,19 @@ var TreeClipboard = /** @class */ (function (_super) {
                     if (i > 0) {
                         this.treeCopyContent += '\n';
                     }
-                    if (!rows[selectedIndexes[i]].classList.contains('e-summaryrow')) {
-                        var cells = [].slice.call(rows[selectedIndexes[i]].querySelectorAll('.e-rowcell'));
-                        var uniqueid = this.treeGridParent.getSelectedRecords()[i][uniqueID];
+                    if (!rows[selectedIndexes[parseInt(i.toString(), 10)]].classList.contains('e-summaryrow')) {
+                        var cells = [].slice.call(rows[selectedIndexes[parseInt(i.toString(), 10)]].querySelectorAll('.e-rowcell'));
+                        var uniqueid = this.treeGridParent.getSelectedRecords()[parseInt(i.toString(), 10)]["" + uniqueID];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
                             if (this.treeGridParent.copyHierarchyMode === 'Parent' || this.treeGridParent.copyHierarchyMode === 'Both') {
-                                this.parentContentData(currentRecords, selectedIndexes[i], rows, withHeader, i);
+                                this.parentContentData(currentRecords, selectedIndexes[parseInt(i.toString(), 10)], rows, withHeader, i);
                             }
-                            this[getCopyData](cells, false, '\t', withHeader);
-                            this.treeCopyContent += this[copyContent];
+                            this["" + getCopyData](cells, false, '\t', withHeader);
+                            this.treeCopyContent += this["" + copyContent];
                             this.copiedUniqueIdCollection.push(uniqueid);
-                            this[copyContent] = '';
+                            this["" + copyContent] = '';
                             if (this.treeGridParent.copyHierarchyMode === 'Child' || this.treeGridParent.copyHierarchyMode === 'Both') {
-                                this.childContentData(currentRecords, selectedIndexes[i], rows, withHeader);
+                                this.childContentData(currentRecords, selectedIndexes[parseInt(i.toString(), 10)], rows, withHeader);
                             }
                         }
                     }
@@ -65,10 +66,11 @@ var TreeClipboard = /** @class */ (function (_super) {
                 if (withHeader) {
                     var headerTextArray = [];
                     for (var i = 0; i < this.treeGridParent.getVisibleColumns().length; i++) {
-                        headerTextArray[i] = this.treeGridParent.getVisibleColumns()[i].headerText;
+                        headerTextArray[parseInt(i.toString(), 10)] =
+                            this.treeGridParent.getVisibleColumns()[parseInt(i.toString(), 10)].headerText;
                     }
-                    this[getCopyData](headerTextArray, false, '\t', withHeader);
-                    this.treeCopyContent = this[copyContent] + '\n' + this.treeCopyContent;
+                    this["" + getCopyData](headerTextArray, false, '\t', withHeader);
+                    this.treeCopyContent = this["" + copyContent] + '\n' + this.treeCopyContent;
                 }
                 var args = {
                     data: this.treeCopyContent,
@@ -78,14 +80,14 @@ var TreeClipboard = /** @class */ (function (_super) {
                 if (args.cancel) {
                     return;
                 }
-                this.clipBoardTextArea.value = this[copyContent] = args.data;
+                this.clipBoardTextArea.value = this["" + copyContent] = args.data;
                 if (!Browser.userAgent.match(/ipad|ipod|iphone/i)) {
                     this.clipBoardTextArea.select();
                 }
                 else {
                     this.clipBoardTextArea.setSelectionRange(0, this.clipBoardTextArea.value.length);
                 }
-                this[isSelect] = true;
+                this["" + isSelect] = true;
                 this.copiedUniqueIdCollection = [];
                 this.treeCopyContent = '';
             }
@@ -100,25 +102,25 @@ var TreeClipboard = /** @class */ (function (_super) {
         var parentItem = 'parentItem';
         var uniqueID = 'uniqueID';
         var level = 'level';
-        if (!isNullOrUndefined(currentRecords[selectedIndex][parentItem])) {
-            var treeLevel = currentRecords[selectedIndex][parentItem][level];
+        if (!isNullOrUndefined(currentRecords[parseInt(selectedIndex.toString(), 10)]["" + parentItem])) {
+            var treeLevel = currentRecords[parseInt(selectedIndex.toString(), 10)]["" + parentItem]["" + level];
             for (var i = 0; i < treeLevel + 1; i++) {
                 for (var j = 0; j < currentRecords.length; j++) {
-                    if (!isNullOrUndefined(currentRecords[selectedIndex][parentItem]) &&
-                        currentRecords[j][uniqueID] === currentRecords[selectedIndex][parentItem][uniqueID]) {
+                    if (!isNullOrUndefined(currentRecords[parseInt(selectedIndex.toString(), 10)]["" + parentItem]) &&
+                        currentRecords[parseInt(j.toString(), 10)]["" + uniqueID] === currentRecords[parseInt(selectedIndex.toString(), 10)]["" + parentItem]["" + uniqueID]) {
                         selectedIndex = j;
-                        var cells = [].slice.call(rows[selectedIndex].querySelectorAll('.e-rowcell'));
-                        var uniqueid = currentRecords[j][uniqueID];
+                        var cells = [].slice.call(rows[parseInt(selectedIndex.toString(), 10)].querySelectorAll('.e-rowcell'));
+                        var uniqueid = currentRecords[parseInt(j.toString(), 10)]["" + uniqueID];
                         if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
-                            this[getCopyData](cells, false, '\t', withHeader);
+                            this["" + getCopyData](cells, false, '\t', withHeader);
                             if (index > 0) {
-                                this.treeCopyContent = this.treeCopyContent + this[copyContent] + '\n';
+                                this.treeCopyContent = this.treeCopyContent + this["" + copyContent] + '\n';
                             }
                             else {
-                                this.treeCopyContent = this[copyContent] + '\n' + this.treeCopyContent;
+                                this.treeCopyContent = this["" + copyContent] + '\n' + this.treeCopyContent;
                             }
                             this.copiedUniqueIdCollection.push(uniqueid);
-                            this[copyContent] = '';
+                            this["" + copyContent] = '';
                             break;
                         }
                     }
@@ -156,18 +158,18 @@ var TreeClipboard = /** @class */ (function (_super) {
         var childRecords = 'childRecords';
         var hasChildRecords = 'hasChildRecords';
         var uniqueID = 'uniqueID';
-        if (currentRecords[selectedIndex][hasChildRecords]) {
-            var childData = currentRecords[selectedIndex][childRecords];
+        if (currentRecords[parseInt(selectedIndex.toString(), 10)]["" + hasChildRecords]) {
+            var childData = currentRecords[parseInt(selectedIndex.toString(), 10)]["" + childRecords];
             for (var i = 0; i < childData.length; i++) {
                 for (var j = 0; j < currentRecords.length; j++) {
-                    if (!isNullOrUndefined(childData[i][uniqueID]) && currentRecords[j][uniqueID] === childData[i][uniqueID]) {
-                        if ((!isNullOrUndefined(rows[j])) && !rows[j].classList.contains('e-summaryrow')) {
-                            var cells = [].slice.call(rows[j].querySelectorAll('.e-rowcell'));
-                            var uniqueid = currentRecords[j][uniqueID];
+                    if (!isNullOrUndefined(childData[parseInt(i.toString(), 10)]["" + uniqueID]) && currentRecords[parseInt(j.toString(), 10)]["" + uniqueID] === childData[parseInt(i.toString(), 10)]["" + uniqueID]) {
+                        if ((!isNullOrUndefined(rows[parseInt(j.toString(), 10)])) && !rows[parseInt(j.toString(), 10)].classList.contains('e-summaryrow')) {
+                            var cells = [].slice.call(rows[parseInt(j.toString(), 10)].querySelectorAll('.e-rowcell'));
+                            var uniqueid = currentRecords[parseInt(j.toString(), 10)]["" + uniqueID];
                             if (this.copiedUniqueIdCollection.indexOf(uniqueid) === -1) {
-                                this[getCopyData](cells, false, '\t', withHeader);
-                                this.treeCopyContent += ('\n' + this[copyContent]);
-                                this[copyContent] = '';
+                                this["" + getCopyData](cells, false, '\t', withHeader);
+                                this.treeCopyContent += ('\n' + this["" + copyContent]);
+                                this["" + copyContent] = '';
                                 this.copiedUniqueIdCollection.push(uniqueid);
                                 this.childContentData(currentRecords, j, rows, withHeader);
                             }