@syncfusion/ej2-treegrid 20.3.61 → 20.4.40

package/src/treegrid/actions/edit.js

@@ -141,13 +141,13 @@ var Edit = /** @class */ (function () {
                 var rowIndex = isNullOrUndefined(eventArgs.row) || !Object.keys(eventArgs.row).length ? this.selectedIndex :
                     eventArgs.row.rowIndex - 1;
                 var keyData = (!isNullOrUndefined(rowIndex) && rowIndex !== -1) ?
-                    treeObj.getCurrentViewRecords()[rowIndex][treeObj.getPrimaryKeyFieldNames()[0]] : -1;
+                    treeObj.getCurrentViewRecords()[parseInt(rowIndex.toString(), 10)][treeObj.getPrimaryKeyFieldNames()[0]] : -1;
                 treeObj.grid.query.addParams('relationalKey', keyData);
             }
             else if (eventName === 'actionComplete') {
                 var paramsLength = treeObj.grid.query.params.length;
                 for (var i = 0; i < paramsLength; i++) {
-                    if (treeObj.grid.query.params[i].key === 'relationalKey') {
+                    if (treeObj.grid.query.params[parseInt(i.toString(), 10)].key === 'relationalKey') {
                         treeObj.grid.query.params.splice(i);
                     }
                 }
@@ -197,9 +197,9 @@ var Edit = /** @class */ (function () {
         var size = Math.ceil(newRowIndex / this.parent.grid.pageSettings.pageSize);
         var page = size > 0 ? size : 1;
         var dataIndex = newRowIndex - ((page - 1) * this.parent.pageSettings.pageSize);
-        var infiniteCurrentViewData = this.parent.grid.infiniteScrollModule[infiniteData];
+        var infiniteCurrentViewData = this.parent.grid.infiniteScrollModule["" + infiniteData];
         infiniteCurrentViewData[1].splice(0, 1);
-        var data = infiniteCurrentViewData[page];
+        var data = infiniteCurrentViewData[parseInt(page.toString(), 10)];
         if (!isNullOrUndefined(this.addRowRecord)) {
             data.filter(function (e, index) {
                 if (e.uniqueID === _this.addRowRecord.uniqueID) {
@@ -213,12 +213,12 @@ var Edit = /** @class */ (function () {
         }
         if (dataIndex >= this.parent.pageSettings.pageSize) {
             page += 1;
-            data = infiniteCurrentViewData[page];
+            data = infiniteCurrentViewData[parseInt(page.toString(), 10)];
             dataIndex = dataIndex - this.parent.pageSettings.pageSize >= 0 ? dataIndex - this.parent.pageSettings.pageSize : 0;
         }
         dataIndex = this.parent.editSettings.newRowPosition === 'Below' ? dataIndex + 1 : dataIndex;
         data.splice(dataIndex, 0, newRecord);
-        this.parent.grid.infiniteScrollModule[updateCurrentViewData]();
+        this.parent.grid.infiniteScrollModule["" + updateCurrentViewData]();
     };
     Edit.prototype.recordDoubleClick = function (args) {
         var target = args.target;
@@ -271,15 +271,15 @@ var Edit = /** @class */ (function () {
     };
     Edit.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];
     };
     Edit.prototype.cellEdit = function (args) {
         var _this = this;
         var promise = 'promise';
-        var prom = args[promise];
-        delete args[promise];
+        var prom = args["" + promise];
+        delete args["" + promise];
         if (this.parent.enableVirtualization && !isNullOrUndefined(this.prevAriaRowIndex) && this.prevAriaRowIndex !== '-1') {
             args.row.setAttribute('data-rowindex', this.prevAriaRowIndex);
             this.prevAriaRowIndex = undefined;
@@ -363,7 +363,7 @@ var Edit = /** @class */ (function () {
             args.rowData[args.columnName] = args.value;
             var row_1;
             if (isNullOrUndefined(args.cell)) {
-                row_1 = this.parent.grid.editModule[editModule].form.parentElement.parentNode;
+                row_1 = this.parent.grid.editModule["" + editModule].form.parentElement.parentNode;
             }
             else {
                 row_1 = args.cell.parentNode;
@@ -414,7 +414,7 @@ var Edit = /** @class */ (function () {
                         var editArgs = { requestType: 'save', data: args.rowData, action: 'edit', row: row_1,
                             rowIndex: rowIndex_1, rowData: args.rowData, columnName: args.columnName,
                             filterChoiceCount: null, excelSearchOperator: null };
-                        this.parent.grid.getDataModule()[eventPromise](editArgs, this.parent.grid.query);
+                        this.parent.grid.getDataModule()["" + eventPromise](editArgs, this.parent.grid.query);
                     }
                     else {
                         this.updateCell(args, rowIndex_1);
@@ -459,23 +459,23 @@ var Edit = /** @class */ (function () {
             this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
             if (args.cell.closest('.e-frozen-left-header') || args.cell.closest('.e-frozen-left-content')) {
-                mRow = this.parent.grid.getRows()[rowIndex];
+                mRow = this.parent.grid.getRows()[parseInt(rowIndex.toString(), 10)];
             }
             else if (args.cell.closest('.e-movableheader') || args.cell.closest('.e-movablecontent')) {
-                mRow = this.parent.grid.getMovableRows()[rowIndex];
+                mRow = this.parent.grid.getMovableRows()[parseInt(rowIndex.toString(), 10)];
             }
             else {
-                mRow = this.parent.grid.getFrozenRightRows()[rowIndex];
+                mRow = this.parent.grid.getFrozenRightRows()[parseInt(rowIndex.toString(), 10)];
             }
             removeClass([mRow], ['e-editedrow', 'e-batchrow']);
             removeClass(mRow.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
         }
         else if (this.parent.getFrozenColumns() > 0) {
             if (args.cell.closest('.e-frozenheader') || args.cell.closest('.e-frozencontent')) {
-                mRow = this.parent.grid.getRows()[rowIndex];
+                mRow = this.parent.grid.getRows()[parseInt(rowIndex.toString(), 10)];
             }
             else {
-                mRow = this.parent.grid.getMovableRows()[rowIndex];
+                mRow = this.parent.grid.getMovableRows()[parseInt(rowIndex.toString(), 10)];
             }
             removeClass([mRow], ['e-editedrow', 'e-batchrow']);
             removeClass(mRow.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
@@ -512,7 +512,7 @@ var Edit = /** @class */ (function () {
     };
     Edit.prototype.updateCell = function (args, rowIndex) {
         this.parent.grid.editModule.updateCell(rowIndex, args.columnName, args.rowData[args.columnName]);
-        this.parent.grid.getRowsObject()[rowIndex].data = args.rowData;
+        this.parent.grid.getRowsObject()[parseInt(rowIndex.toString(), 10)].data = args.rowData;
     };
     Edit.prototype.crudAction = function (details, columnName) {
         editAction(details, this.parent, this.isSelfReference, this.addRowIndex, this.selectedIndex, columnName, this.addRowRecord);
@@ -520,27 +520,27 @@ var Edit = /** @class */ (function () {
         var data = this.parent.grid.dataSource instanceof DataManager ?
             this.parent.grid.dataSource.dataSource.json : this.parent.grid.dataSource;
         for (var i = 0; i < data.length; i++) {
-            data[i].index = i;
+            data[parseInt(i.toString(), 10)].index = i;
             var key = this.parent.grid.getPrimaryKeyFieldNames()[0];
-            if (details.value[key] === data[i][key]) {
+            if (details.value["" + key] === data[parseInt(i.toString(), 10)]["" + key]) {
                 if (details.action === 'add') {
-                    data[i].level = this.internalProperties.level;
-                    data[i].taskData = this.internalProperties.taskData;
-                    data[i].uniqueID = this.internalProperties.uniqueID;
+                    data[parseInt(i.toString(), 10)].level = this.internalProperties.level;
+                    data[parseInt(i.toString(), 10)].taskData = this.internalProperties.taskData;
+                    data[parseInt(i.toString(), 10)].uniqueID = this.internalProperties.uniqueID;
                     if (!isNullOrUndefined(this.internalProperties.parentItem)) {
-                        data[i].parentItem = this.internalProperties.parentItem;
-                        data[i].parentUniqueID = this.internalProperties.parentUniqueID;
+                        data[parseInt(i.toString(), 10)].parentItem = this.internalProperties.parentItem;
+                        data[parseInt(i.toString(), 10)].parentUniqueID = this.internalProperties.parentUniqueID;
                     }
-                    data[i].childRecords = this.internalProperties.childRecords;
+                    data[parseInt(i.toString(), 10)].childRecords = this.internalProperties.childRecords;
                 }
             }
-            setValue('uniqueIDCollection.' + data[i].uniqueID + '.index', i, this.parent);
+            setValue('uniqueIDCollection.' + data[parseInt(i.toString(), 10)].uniqueID + '.index', i, this.parent);
             var adaptor = this.parent.dataSource.adaptor;
             if ((isRemoteData(this.parent) || adaptor instanceof RemoteSaveAdaptor)) {
-                setValue('uniqueIDCollection.' + data[i].uniqueID, data[i], this.parent);
+                setValue('uniqueIDCollection.' + data[parseInt(i.toString(), 10)].uniqueID, data[parseInt(i.toString(), 10)], this.parent);
             }
-            if (!data[i].level) {
-                this.parent.parentData.push(data[i]);
+            if (!data[parseInt(i.toString(), 10)].level) {
+                this.parent.parentData.push(data[parseInt(i.toString(), 10)]);
             }
         }
         if (!this.parent.enableInfiniteScrolling) {
@@ -552,7 +552,7 @@ var Edit = /** @class */ (function () {
     };
     Edit.prototype.updateIndex = function (data, rows, records) {
         for (var j = 0; j < this.parent.getDataRows().length; j++) {
-            var data1 = records[j];
+            var data1 = records[parseInt(j.toString(), 10)];
             if (!isNullOrUndefined(data1)) {
                 var index = getValue('uniqueIDCollection.' + data1.uniqueID + '.index', this.parent);
                 data1.index = index;
@@ -567,28 +567,28 @@ var Edit = /** @class */ (function () {
         if (this.parent.getFrozenColumns() > 0) {
             var cells = rows[0].querySelectorAll('.e-rowcell');
             for (var l = 0; l < cells.length; l++) {
-                if (cells[l].classList.contains('e-gridrowindex0level0')) {
+                if (cells[parseInt(l.toString(), 10)].classList.contains('e-gridrowindex0level0')) {
                     treeColIndex = l;
                     break;
                 }
             }
         }
         for (var k = 0; k < this.parent.getRows().length; k++) {
-            if (!rows[k].classList.contains('e-detailrow')) {
+            if (!rows[parseInt(k.toString(), 10)].classList.contains('e-detailrow')) {
                 count++;
             }
-            var data2 = records[count];
+            var data2 = records[parseInt(count.toString(), 10)];
             if (!isNullOrUndefined(data2)) {
                 var index = data2.index;
                 var level = data2.level;
-                var row = rows[k];
+                var row = rows[parseInt(k.toString(), 10)];
                 if (!isNullOrUndefined(data2.parentItem)) {
                     index = getValue('uniqueIDCollection.' + data2.parentItem.uniqueID + '.index', this.parent);
                 }
-                var treecell = row.cells[treeColIndex];
+                var treecell = row.cells[parseInt(treeColIndex.toString(), 10)];
                 if (!isNullOrUndefined(treecell)) {
                     for (var l = 0; l < treecell.classList.length; l++) {
-                        var value = treecell.classList[l];
+                        var value = treecell.classList[parseInt(l.toString(), 10)];
                         var remove = /e-gridrowindex/i;
                         var removed = /e-griddetailrowindex/i;
                         var result = value.match(remove);
@@ -600,7 +600,7 @@ var Edit = /** @class */ (function () {
                             removeClass([treecell], value);
                         }
                     }
-                    if (!rows[k].classList.contains('e-detailrow')) {
+                    if (!rows[parseInt(k.toString(), 10)].classList.contains('e-detailrow')) {
                         addClass([treecell], 'e-gridrowindex' + index + 'level' + level);
                     }
                     else {
@@ -634,17 +634,18 @@ var Edit = /** @class */ (function () {
             else if ((this.parent.editSettings.newRowPosition === 'Below' || this.parent.editSettings.newRowPosition === 'Child')
                 && (this.selectedIndex > -1 || isVirtualization) && withinRange) {
                 position = 'after';
-                if (!isNullOrUndefined(records[index]) && records[index].expanded) {
+                if (!isNullOrUndefined(records[parseInt(index.toString(), 10)]) &&
+                    records[parseInt(index.toString(), 10)].expanded) {
                     if (this.parent.editSettings.mode === 'Batch' && (this.parent.getBatchChanges()[this.addedRecords].length > 1
                         || this.parent.getBatchChanges()[this.deletedRecords].length)) {
-                        index += findChildrenRecords(records[index]).length;
+                        index += findChildrenRecords(records[parseInt(index.toString(), 10)]).length;
                         if (this.parent.editSettings.newRowPosition !== 'Child') {
                             var batchChildCount = this.batchEditModule.getBatchChildCount();
                             index = index + batchChildCount;
                         }
                     }
                     else {
-                        index += findChildrenRecords(records[index]).length;
+                        index += findChildrenRecords(records[parseInt(index.toString(), 10)]).length;
                     }
                 }
             }
@@ -655,14 +656,14 @@ var Edit = /** @class */ (function () {
                     index = rows.length - 2;
                 }
                 var r = 'rows';
-                var newRowObject = this.parent.grid.contentModule[r][0];
+                var newRowObject = this.parent.grid.contentModule["" + r][0];
                 var focussedElement = document.activeElement;
-                rows[index + 1][position](rows[0]);
+                rows[index + 1]["" + position](rows[0]);
                 setValue('batchIndex', index + 1, this.batchEditModule);
                 var rowObjectIndex = this.parent.editSettings.newRowPosition === 'Above' ? index : index + 1;
                 if (this.parent.editSettings.mode === 'Batch') {
-                    this.parent.grid.contentModule[r].splice(0, 1);
-                    this.parent.grid.contentModule[r].splice(rowObjectIndex, 0, newRowObject);
+                    this.parent.grid.contentModule["" + r].splice(0, 1);
+                    this.parent.grid.contentModule["" + r].splice(rowObjectIndex, 0, newRowObject);
                 }
                 var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
                     this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
@@ -670,21 +671,21 @@ var Edit = /** @class */ (function () {
                     var movableRows = this.parent.getMovableDataRows();
                     var frows = 'freezeRows';
                     var newFreezeRowObject = this.parent.grid.getRowsObject()[0];
-                    movableRows[index + 1][position](movableRows[0]);
+                    movableRows[index + 1]["" + position](movableRows[0]);
                     if (freeze) {
                         var rightFrozenRows = this.parent.getFrozenRightDataRows();
-                        rightFrozenRows[index + 1][position](rightFrozenRows[0]);
+                        rightFrozenRows[index + 1]["" + position](rightFrozenRows[0]);
                     }
                     if (this.parent.editSettings.mode === 'Batch') {
-                        this.parent.grid.contentModule[frows].splice(0, 1);
-                        this.parent.grid.contentModule[frows].splice(rowObjectIndex, 0, newFreezeRowObject);
+                        this.parent.grid.contentModule["" + frows].splice(0, 1);
+                        this.parent.grid.contentModule["" + frows].splice(rowObjectIndex, 0, newFreezeRowObject);
                     }
                     setValue('batchIndex', index + 1, this.batchEditModule);
                 }
                 if (this.parent.editSettings.mode === 'Row' || this.parent.editSettings.mode === 'Cell') {
                     var errors = this.parent.grid.getContentTable().querySelectorAll('.e-griderror');
                     for (var i = 0; i < errors.length; i++) {
-                        errors[i].remove();
+                        errors[parseInt(i.toString(), 10)].remove();
                     }
                     setValue('errorRules', [], this.parent.grid.editModule.formObj);
                 }
@@ -706,8 +707,8 @@ var Edit = /** @class */ (function () {
             var newlyAddedRecord = void 0;
             if (batchAddedRecords.length) {
                 for (var i = 0; i < batchAddedRecords.length; i++) {
-                    if (isNullOrUndefined(batchAddedRecords[i].uniqueID)) {
-                        newlyAddedRecord = batchAddedRecords[i];
+                    if (isNullOrUndefined(batchAddedRecords[parseInt(i.toString(), 10)].uniqueID)) {
+                        newlyAddedRecord = batchAddedRecords[parseInt(i.toString(), 10)];
                     }
                 }
             }
@@ -761,8 +762,8 @@ var Edit = /** @class */ (function () {
                 var primaryKeys_2 = this.parent.getPrimaryKeyFieldNames();
                 var _loop_1 = function (i) {
                     this_1.parent.flatData.filter(function (e) {
-                        if (e[primaryKeys_2[0]] === args.data[i][primaryKeys_2[0]]) {
-                            data_1[i] = e;
+                        if (e["" + primaryKeys_2[0]] === args.data[parseInt(i.toString(), 10)][primaryKeys_2[0]]) {
+                            data_1[parseInt(i.toString(), 10)] = e;
                         }
                     });
                 };
@@ -772,10 +773,10 @@ var Edit = /** @class */ (function () {
                 }
             }
             for (var i = 0; i < data_1.length; i++) {
-                this.deleteUniqueID(data_1[i].uniqueID);
-                var childs = findChildrenRecords(data_1[i]);
+                this.deleteUniqueID(data_1[parseInt(i.toString(), 10)].uniqueID);
+                var childs = findChildrenRecords(data_1[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);
                 }
                 args.data = args.data.concat(childs);
             }
@@ -971,10 +972,10 @@ var Edit = /** @class */ (function () {
         if (args.requestType === 'delete') {
             var deletedValues = args.data;
             for (var i = 0; i < deletedValues.length; i++) {
-                if (deletedValues[i].parentItem) {
-                    var parentItem = getParentData(this.parent, deletedValues[i].parentItem.uniqueID);
+                if (deletedValues[parseInt(i.toString(), 10)].parentItem) {
+                    var parentItem = getParentData(this.parent, deletedValues[parseInt(i.toString(), 10)].parentItem.uniqueID);
                     if (!isNullOrUndefined(parentItem) && parentItem.hasChildRecords) {
-                        var childIndex = parentItem.childRecords.indexOf(deletedValues[i]);
+                        var childIndex = parentItem.childRecords.indexOf(deletedValues[parseInt(i.toString(), 10)]);
                         parentItem.childRecords.splice(childIndex, 1);
                     }
                 }

package/src/treegrid/actions/excel-export.js

@@ -191,8 +191,8 @@ var ExcelExport = /** @class */ (function () {
     /* eslint-disable-next-line */
     ExcelExport.prototype.finalPageSetup = function (workbook) {
         for (var i = 0; i < workbook.worksheets.length; i++) {
-            if (workbook.worksheets[i].rows) {
-                workbook.worksheets[i].pageSetup = { isSummaryRowBelow: false };
+            if (workbook.worksheets[parseInt(i.toString(), 10)].rows) {
+                workbook.worksheets[parseInt(i.toString(), 10)].pageSetup = { isSummaryRowBelow: false };
             }
         }
     };

package/src/treegrid/actions/filter.js

@@ -73,7 +73,7 @@ var Filter = /** @class */ (function () {
         this.filteredResult = [];
         this.isHierarchyFilter = false;
         for (var f = 0; f < this.flatFilteredData.length; f++) {
-            var rec = this.flatFilteredData[f];
+            var rec = this.flatFilteredData[parseInt(f.toString(), 10)];
             this.addParentRecord(rec);
             var hierarchyMode = this.parent.grid.searchSettings.key === '' ? this.parent.filterSettings.hierarchyMode
                 : this.parent.searchSettings.hierarchyMode;
@@ -168,27 +168,27 @@ var Filter = /** @class */ (function () {
         var childRec = getObject('childRecords', records);
         var isExist = false;
         for (var count = 0; count < childRec.length; count++) {
-            var ischild = childRec[count].childRecords;
+            var ischild = childRec[parseInt(count.toString(), 10)].childRecords;
             var hierarchyMode = this.parent.grid.searchSettings.key === '' ?
                 this.parent.filterSettings.hierarchyMode : this.parent.searchSettings.hierarchyMode;
             if (((hierarchyMode === 'Child' || hierarchyMode === 'Both') && (this.parent.grid.filterSettings.columns.length !== 0
                 || this.parent.grid.searchSettings.key !== ''))) {
                 var uniqueIDValue = getValue('uniqueIDFilterCollection', this.parent);
-                if (!Object.prototype.hasOwnProperty.call(uniqueIDValue, childRec[count].uniqueID)) {
-                    this.filteredResult.push(childRec[count]);
-                    setValue('uniqueIDFilterCollection.' + childRec[count].uniqueID, childRec[count], this.parent);
+                if (!Object.prototype.hasOwnProperty.call(uniqueIDValue, childRec[parseInt(count.toString(), 10)].uniqueID)) {
+                    this.filteredResult.push(childRec[parseInt(count.toString(), 10)]);
+                    setValue('uniqueIDFilterCollection.' + childRec[parseInt(count.toString(), 10)].uniqueID, childRec[parseInt(count.toString(), 10)], this.parent);
                     isExist = true;
                 }
             }
             if ((hierarchyMode === 'None')
                 && (this.parent.grid.filterSettings.columns.length !== 0 || this.parent.grid.searchSettings.key !== '')) {
-                if (this.flatFilteredData.indexOf(childRec[count]) !== -1) {
+                if (this.flatFilteredData.indexOf(childRec[parseInt(count.toString(), 10)]) !== -1) {
                     isExist = true;
                     break;
                 }
             }
             if (!isNullOrUndefined(ischild) && ischild.length) {
-                isExist = this.checkChildExsist(childRec[count]);
+                isExist = this.checkChildExsist(childRec[parseInt(count.toString(), 10)]);
             }
             if ((hierarchyMode === 'Child' || hierarchyMode === 'Both') && childRec.length) {
                 isExist = true;
@@ -200,15 +200,15 @@ var Filter = /** @class */ (function () {
         var record = this.filteredResult;
         var len = this.filteredResult.length;
         for (var c = 0; c < len; c++) {
-            var parent_2 = getParentData(this.parent, record[c].parentUniqueID);
+            var parent_2 = getParentData(this.parent, record[parseInt(c.toString(), 10)].parentUniqueID);
             var isPrst = record.indexOf(parent_2) !== -1;
             if (isPrst) {
-                var parent_3 = getParentData(this.parent, record[c].parentUniqueID, true);
-                record[c].filterLevel = parent_3.filterLevel + 1;
+                var parent_3 = getParentData(this.parent, record[parseInt(c.toString(), 10)].parentUniqueID, true);
+                record[parseInt(c.toString(), 10)].filterLevel = parent_3.filterLevel + 1;
             }
             else {
-                record[c].filterLevel = 0;
-                this.filteredParentRecs.push(record[c]);
+                record[parseInt(c.toString(), 10)].filterLevel = 0;
+                this.filteredParentRecs.push(record[parseInt(c.toString(), 10)]);
             }
         }
     };
@@ -218,7 +218,7 @@ var Filter = /** @class */ (function () {
         var len = flatData.length;
         var currentRecord;
         for (count; count < len; count++) {
-            currentRecord = flatData[count];
+            currentRecord = flatData[parseInt(count.toString(), 10)];
             var fLevel = currentRecord.filterLevel;
             if (fLevel || fLevel === 0 || !isNullOrUndefined(currentRecord.hasFilteredChildRecords)) {
                 currentRecord.hasFilteredChildRecords = null;

package/src/treegrid/actions/freeze-column.js

@@ -87,22 +87,23 @@ var Freeze = /** @class */ (function () {
             rows = args.detailrows;
         }
         for (var i = 0; i < rows.length; i++) {
-            var rData = this.parent.grid.getRowObjectFromUID(rows[i].getAttribute('data-Uid')).data;
-            rows[i].style.display = args.action;
-            if (freeze) {
-                frozenRightRows[i].style.display = args.action;
+            var rData = this.parent.grid.getRowObjectFromUID(rows[parseInt(i.toString(), 10)].getAttribute('data-Uid')).data;
+            rows[parseInt(i.toString(), 10)].style.display = args.action;
+            if (freeze && frozenRightRows.length) {
+                frozenRightRows[parseInt(i.toString(), 10)].style.display = args.action;
             }
             var queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
                 : '.e-treecolumn-container .e-treegridexpand';
-            if (frozenrows[rows[i].rowIndex].querySelector(queryselector)) {
+            if (frozenrows[rows[parseInt(i.toString(), 10)].rowIndex].querySelector(queryselector)) {
                 var cRow = [];
                 for (var i_1 = 0; i_1 < movableRows.length; i_1++) {
-                    if (movableRows[i_1].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
-                        cRow.push(movableRows[i_1]);
+                    if (movableRows[parseInt(i_1.toString(), 10)].querySelector('.e-gridrowindex' + rData.index + 'level' + (rData.level + 1))) {
+                        cRow.push(movableRows[parseInt(i_1.toString(), 10)]);
                     }
                 }
                 if (cRow.length) {
-                    this.rowExpandCollapse({ detailrows: cRow, action: args.action });
+                    var data = this.parent.getCurrentViewRecords()[cRow[0].rowIndex];
+                    this.rowExpandCollapse({ detailrows: cRow, action: args.action, record: data });
                 }
             }
         }

package/src/treegrid/actions/infinite-scroll.js

@@ -70,25 +70,25 @@ var InfiniteScroll = /** @class */ (function () {
         var rowObjects = this.parent.grid.getRowsObject();
         var locator = 'serviceLocator';
         var generateRows = 'generateRows';
-        var serviceLocator = this.parent.grid.infiniteScrollModule[locator];
+        var serviceLocator = this.parent.grid.infiniteScrollModule["" + locator];
         var rowRenderer = new RowRenderer(serviceLocator, null, this.parent.grid);
         var rows = this.parent.getRows();
         var position = args.index === rows.length - 1 ? 'after' : 'before';
         var cols = this.parent.grid.getColumns();
-        var childRowObjects = this.parent.grid.infiniteScrollModule[generateRows](args.childData, args);
+        var childRowObjects = this.parent.grid.infiniteScrollModule["" + generateRows](args.childData, args);
         var childRowElements = [];
         for (var i = 0; i < childRowObjects.length; i++) {
-            childRowElements.push(rowRenderer.render(childRowObjects[i], cols));
+            childRowElements.push(rowRenderer.render(childRowObjects[parseInt(i.toString(), 10)], cols));
         }
         rowObjects.splice.apply(rowObjects, [args.index + 1, 0].concat(childRowObjects));
         for (var i = 0; i < childRowElements.length; i++) {
             if (position === 'after') {
-                rows[args.index + i][position](childRowElements[i]);
+                rows[args.index + i]["" + position](childRowElements[parseInt(i.toString(), 10)]);
             }
             else {
-                rows[args.index + i + 1][position](childRowElements[i]);
+                rows[args.index + i + 1]["" + position](childRowElements[parseInt(i.toString(), 10)]);
             }
-            rows.splice(args.index + 1 + i, 0, childRowElements[i]);
+            rows.splice(args.index + 1 + i, 0, childRowElements[parseInt(i.toString(), 10)]);
         }
         resetRowIndex(this.parent.grid, this.parent.grid.getRowsObject(), this.parent.grid.getRows(), 0);
     };
@@ -100,9 +100,9 @@ var InfiniteScroll = /** @class */ (function () {
     InfiniteScroll.prototype.contentready = function () {
         if (this.parent.infiniteScrollSettings.enableCache && !isNullOrUndefined(this.parent.editModule)) {
             var updateIndex = 'updateIndex';
-            this.parent.editModule[updateIndex](this.parent.grid.dataSource, this.parent.getRows(), this.parent.getCurrentViewRecords());
+            this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getRows(), this.parent.getCurrentViewRecords());
             if (this.parent.getFrozenColumns()) {
-                this.parent.editModule[updateIndex](this.parent.grid.dataSource, this.parent.getMovableDataRows(), this.parent.getCurrentViewRecords());
+                this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getMovableDataRows(), this.parent.getCurrentViewRecords());
             }
         }
     };
@@ -201,11 +201,11 @@ var InfiniteScroll = /** @class */ (function () {
      */
     InfiniteScroll.prototype.infiniteEditHandler = function (args) {
         var infiniteData = 'infiniteCurrentViewData';
-        var infiniteCurrentViewData = this.parent.grid.infiniteScrollModule[infiniteData];
+        var infiniteCurrentViewData = this.parent.grid.infiniteScrollModule["" + infiniteData];
         var keys = Object.keys(infiniteCurrentViewData);
         if (args.e.requestType === 'delete' && args.result.length > 1) {
             for (var i = 1; i < args.result.length; i++) {
-                infiniteCurrentViewData[keys[keys.length - 1]].push(args.result[i]);
+                infiniteCurrentViewData[keys[keys.length - 1]].push(args.result[parseInt(i.toString(), 10)]);
             }
         }
     };
@@ -244,13 +244,13 @@ var InfiniteScroll = /** @class */ (function () {
         var resetInfiniteCurrentViewData = 'resetInfiniteCurrentViewData';
         var _loop_1 = function (i) {
             rows.filter(function (e, index) {
-                if (e.data[keyField] === data[i][keyField]) {
+                if (e.data["" + keyField] === data[parseInt(i.toString(), 10)]["" + keyField]) {
                     if (isFrozen) {
                         var page = Math.ceil((index + 1) / _this.parent.grid.pageSettings.pageSize);
-                        _this.parent.grid.infiniteScrollModule[resetInfiniteCurrentViewData](page, index);
+                        _this.parent.grid.infiniteScrollModule["" + resetInfiniteCurrentViewData](page, index);
                     }
                     rows.splice(index, 1);
-                    remove(rowElms[index]);
+                    remove(rowElms[parseInt(index.toString(), 10)]);
                     rowElms.splice(index, 1);
                 }
             });
@@ -266,7 +266,7 @@ var InfiniteScroll = /** @class */ (function () {
         var locator = 'serviceLocator';
         var actionArgs = eventArgs.args.e;
         var row = eventArgs.row;
-        var serviceLocator = this.parent.grid.infiniteScrollModule[locator];
+        var serviceLocator = this.parent.grid.infiniteScrollModule["" + locator];
         var rowRenderer = new RowRenderer(serviceLocator, null, this.parent.grid);
         var tbody;
         var currentData = this.parent.getCurrentViewRecords();
@@ -290,22 +290,22 @@ var InfiniteScroll = /** @class */ (function () {
         }
         var position;
         var addRowIndex = 'addRowIndex';
-        var newRowIndex = this.parent.editModule[addRowIndex];
+        var newRowIndex = this.parent.editModule["" + addRowIndex];
         for (var i = 0; i < row.length; i++) {
-            var newRow = rowRenderer.render(row[i], this.parent.grid.getColumns());
+            var newRow = rowRenderer.render(row[parseInt(i.toString(), 10)], this.parent.grid.getColumns());
             if (actionArgs.requestType === 'save' && actionArgs.action === 'add') {
                 if (getValue('selectedIndex', this.parent.editModule) !== -1 && this.parent.editSettings.newRowPosition !== 'Top') {
                     if (this.parent.editSettings.newRowPosition === 'Below' || this.parent.editSettings.newRowPosition === 'Child') {
                         position = 'after';
-                        newRowIndex += findChildrenRecords(currentData[newRowIndex]).length;
+                        newRowIndex += findChildrenRecords(currentData[parseInt(newRowIndex.toString(), 10)]).length;
                         if (this.parent.editSettings.newRowPosition === 'Child') {
                             newRowIndex -= 1; //// for child position already child record is added in childRecords so subtracting 1
                         }
-                        currentRows[newRowIndex][position](newRow);
+                        currentRows[parseInt(newRowIndex.toString(), 10)]["" + position](newRow);
                     }
                     else if (this.parent.editSettings.newRowPosition === 'Above') {
                         position = 'before';
-                        currentRows[this.parent.editModule[addRowIndex]][position](newRow);
+                        currentRows[this.parent.editModule["" + addRowIndex]]["" + position](newRow);
                     }
                 }
                 else if (this.parent.editSettings.newRowPosition === 'Bottom') {

package/src/treegrid/actions/logger.js

@@ -49,36 +49,36 @@ var Logger = /** @class */ (function (_super) {
         }
         var type = types;
         for (var i = 0; i < type.length; i++) {
-            var item = detailLists[type[i]];
+            var item = detailLists[type[parseInt(i.toString(), 10)]];
             var cOp = item.check(args, this.parent);
             if (cOp.success) {
                 var message = item.generateMessage(args, this.parent, cOp.options);
                 message = message.replace('EJ2Grid', 'EJ2TreeGrid').replace('* Hierarchy Grid', '').replace('* Grouping', '');
-                if (IsRowDDEnabled && type[i] === 'primary_column_missing') {
+                if (IsRowDDEnabled && type[parseInt(i.toString(), 10)] === 'primary_column_missing') {
                     message = message.replace('Editing', 'Row DragAndDrop');
                     IsRowDDEnabled = false;
                 }
                 var index = message.indexOf('https');
                 var gridurl = message.substring(index);
-                if (type[i] === 'module_missing') {
+                if (type[parseInt(i.toString(), 10)] === 'module_missing') {
                     message = message.replace(gridurl, DOC_URL + '/modules');
                 }
-                else if (type[i] === 'primary_column_missing' || type[i] === 'selection_key_missing') {
+                else if (type[parseInt(i.toString(), 10)] === 'primary_column_missing' || type[parseInt(i.toString(), 10)] === 'selection_key_missing') {
                     message = message.replace(gridurl, BASE_DOC_URL + '/api/treegrid/column/#isprimarykey');
                 }
-                else if (type[i] === 'grid_remote_edit') {
+                else if (type[parseInt(i.toString(), 10)] === 'grid_remote_edit') {
                     message = message.replace(gridurl, DOC_URL + '/edit');
                 }
-                else if (type[i] === 'virtual_height') {
+                else if (type[parseInt(i.toString(), 10)] === 'virtual_height') {
                     message = message.replace(gridurl, DOC_URL + '/virtual');
                 }
-                else if (type[i] === 'check_datasource_columns') {
+                else if (type[parseInt(i.toString(), 10)] === 'check_datasource_columns') {
                     message = message.replace(gridurl, DOC_URL + '/columns');
                 }
-                else if (type[i] === 'locale_missing') {
+                else if (type[parseInt(i.toString(), 10)] === 'locale_missing') {
                     message = message.replace(gridurl, DOC_URL + '/global-local/#localization');
                 }
-                if (type[i] === 'datasource_syntax_mismatch') {
+                if (type[parseInt(i.toString(), 10)] === 'datasource_syntax_mismatch') {
                     if (!isNullOrUndefined(this.treeGridObj) && !isNullOrUndefined(this.treeGridObj.dataStateChange)) {
                         // eslint-disable-next-line no-console
                         console[item.logType](message);
@@ -102,7 +102,7 @@ var Logger = /** @class */ (function (_super) {
             this.log('primary_column_missing', args);
         }
         for (var i = 0; i < type.length; i++) {
-            var item = treeGridDetails[type[i]];
+            var item = treeGridDetails[type[parseInt(i.toString(), 10)]];
             var cOp = item.check(args, treeGrid);
             if (cOp.success) {
                 var message = item.generateMessage(args, treeGrid, cOp.options);