@syncfusion/ej2-treegrid 25.2.5 → 26.1.35

package/src/treegrid/base/treegrid.js

@@ -23,7 +23,7 @@ import { Event, Property, NotifyPropertyChanges, setValue, KeyboardEvents, L10n
 import { Column } from '../models/column';
 import { getNumberFormat } from '@syncfusion/ej2-grids';
 import { Freeze as FreezeColumn } from '@syncfusion/ej2-grids';
-import { RowDropSettings, getUid } from '@syncfusion/ej2-grids';
+import { RowDropSettings, getUid, parentsUntil } from '@syncfusion/ej2-grids';
 import { LoadingIndicator } from '../models/loading-indicator';
 import { FilterSettings } from '../models/filter-settings';
 import { TextWrapSettings } from '../models/textwrap-settings';
@@ -184,6 +184,7 @@ var TreeGrid = /** @class */ (function (_super) {
     };
     /**
      * Exports the TreeGrid data to the specified URL using a POST request.
+     *
      * @param {string} url - Defines exporting url
      * @returns {void}
      */
@@ -214,6 +215,7 @@ var TreeGrid = /** @class */ (function (_super) {
     };
     /**
      * Sets the header text and other properties for an array of columns based on specified criteria.
+     *
      * @param {Column[]} columns - Defines array of columns
      * @param {string[]} include - Defines array of sting
      * @returns {Column[]} returns array of columns
@@ -300,6 +302,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.sortByColumn = function (columnName, direction, isMultiSort) {
+        if (isNullOrUndefined(columnName) && isNullOrUndefined(direction)) {
+            var error = 'The provided value for the columnName and direction is undefined. Please ensure the columnName and direction contains string.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         if (this.sortModule) {
             this.sortModule.sortColumn(columnName, direction, isMultiSort);
         }
@@ -360,21 +366,27 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.reorderColumns = function (fromFName, toFName) {
+        if (isNullOrUndefined(fromFName) && isNullOrUndefined(toFName)) {
+            var error = 'The provided value for the fromFName and toFName is undefined. Please ensure the fromFName and toFName contains string.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.grid.reorderColumns(fromFName, toFName);
     };
     TreeGrid.prototype.TreeGridLocale = function () {
-        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
-        var locale = L10n.locale;
-        var localeObject = {};
-        setValue(this.locale, {}, localeObject);
-        var gridLocale;
-        gridLocale = {};
-        gridLocale = getObject(this.locale, locale);
-        var treeGridLocale;
-        treeGridLocale = {};
-        treeGridLocale = getObject(this.getModuleName(), gridLocale);
-        setValue('grid', treeGridLocale, getObject(this.locale, localeObject));
-        L10n.load(localeObject);
+        if (!isNullOrUndefined(this.locale)) {
+            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+            var locale = L10n.locale;
+            var localeObject = {};
+            setValue(this.locale, {}, localeObject);
+            var gridLocale = void 0;
+            gridLocale = {};
+            gridLocale = getObject(this.locale, locale);
+            var treeGridLocale = void 0;
+            treeGridLocale = {};
+            treeGridLocale = getObject(this.getModuleName(), gridLocale);
+            setValue('grid', treeGridLocale, getObject(this.locale, localeObject));
+            L10n.load(localeObject);
+        }
     };
     /**
      * By default, prints all the pages of the TreeGrid and hides the pager.
@@ -421,45 +433,57 @@ var TreeGrid = /** @class */ (function (_super) {
                     }
                     break;
                 case 'downArrow':
-                    if (!this.enableVirtualization) {
+                    if (!this.enableVirtualization && isNullOrUndefined(this.rowTemplate)) {
                         target = e.target;
-                        parentTarget = target.parentElement;
-                        if (!isNullOrUndefined(parentTarget)) {
-                            var cellIndex = parentTarget.cellIndex;
-                            if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit['obj'])) {
-                                parentTarget = target;
-                            }
-                            summaryElement = this.findnextRowElement(parentTarget);
-                            if (summaryElement !== null) {
-                                var cellIndex_1 = e.target.cellIndex;
-                                var row_1 = summaryElement.children[parseInt(cellIndex_1.toString(), 10)];
-                                addClass([row_1], 'e-focused');
-                                addClass([row_1], 'e-focus');
-                            }
-                            else {
-                                this.clearSelection();
+                        if (!isNullOrUndefined(target.querySelectorAll('.e-rowcell'))) {
+                            target = parentsUntil(target, 'e-rowcell');
+                        }
+                        if (!isNullOrUndefined(target)) {
+                            parentTarget = target.parentElement;
+                            if (!isNullOrUndefined(parentTarget)) {
+                                var cellIndex = parentTarget.cellIndex;
+                                if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit['obj'])) {
+                                    parentTarget = target;
+                                }
+                                summaryElement = this.findnextRowElement(parentTarget);
+                                if (summaryElement !== null) {
+                                    var cellIndex_1 = target.cellIndex;
+                                    var row_1 = summaryElement.children[parseInt(cellIndex_1.toString(), 10)];
+                                    addClass([row_1], 'e-focused');
+                                    addClass([row_1], 'e-focus');
+                                }
+                                else {
+                                    this.clearSelection();
+                                }
                             }
                         }
                     }
                     break;
                 case 'upArrow':
-                    if (!this.enableVirtualization) {
+                    if (!this.enableVirtualization && isNullOrUndefined(this.rowTemplate)) {
                         target = e.target;
-                        parentTarget = target.parentElement;
-                        if (!isNullOrUndefined(parentTarget)) {
-                            var cellIndex = parentTarget.cellIndex;
-                            if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit['obj'])) {
-                                parentTarget = target;
-                            }
-                            summaryElement = this.findPreviousRowElement(parentTarget);
-                            if (summaryElement !== null) {
-                                var cIndex = e.target.cellIndex;
-                                var rows = summaryElement.children[parseInt(cIndex.toString(), 10)];
-                                addClass([rows], 'e-focused');
-                                addClass([rows], 'e-focus');
-                            }
-                            else {
-                                this.clearSelection();
+                        if (!isNullOrUndefined(target.querySelectorAll('.e-rowcell'))) {
+                            target = parentsUntil(target, 'e-rowcell');
+                        }
+                        if (!isNullOrUndefined(target)) {
+                            parentTarget = target.parentElement;
+                            if (!isNullOrUndefined(parentTarget)) {
+                                var cellIndex = parentTarget.cellIndex;
+                                if (this.grid.getColumnByIndex(cellIndex).editType === 'dropdownedit' && isNullOrUndefined(this.grid.getColumnByIndex(cellIndex).edit['obj'])) {
+                                    parentTarget = target;
+                                }
+                                summaryElement = this.findPreviousRowElement(parentTarget);
+                                if (summaryElement !== null) {
+                                    var cellIndex_2 = target.cellIndex;
+                                    if (!isNullOrUndefined(cellIndex_2)) {
+                                        var row_2 = summaryElement.children[parseInt(cellIndex_2.toString(), 10)];
+                                        addClass([row_2], 'e-focused');
+                                        addClass([row_2], 'e-focus');
+                                    }
+                                }
+                                else {
+                                    this.clearSelection();
+                                }
                             }
                         }
                     }
@@ -653,7 +677,7 @@ var TreeGrid = /** @class */ (function (_super) {
                 name: 'Edit'
             });
         }
-        if (this.isCommandColumn(this.columns)) {
+        if (!isNullOrUndefined(this.columns) && this.isCommandColumn(this.columns)) {
             modules.push({
                 member: 'commandColumn',
                 args: [this],
@@ -786,6 +810,7 @@ var TreeGrid = /** @class */ (function (_super) {
         var root = 'root';
         this.grid["" + root] = this["" + root] ? this["" + root] : this;
         this.grid.appendTo(gridContainer);
+        this.actionFailureHandler();
         var gridContent = this.element.getElementsByClassName('e-gridcontent')[0].childNodes[0];
         gridContent.setAttribute('tabindex', '0');
         var contentTable = this.element.getElementsByClassName('e-content')[0].querySelector('.e-table');
@@ -808,6 +833,85 @@ var TreeGrid = /** @class */ (function (_super) {
             }
         };
     };
+    TreeGrid.prototype.actionFailureHandler = function () {
+        var _this = this;
+        var failureCases = [];
+        var primaryKeyFieldNames = this.getPrimaryKeyFieldNames();
+        var RecordsCount = this.flatData.length;
+        if ((this.editSettings.allowAdding || this.editSettings.allowDeleting || this.editSettings.allowEditing)
+            && primaryKeyFieldNames.length === 0 && RecordsCount !== 0) {
+            failureCases.push('For the CRUD actions, it is necessary to enable Primary Key field for the unique data column.');
+        }
+        if (this.allowRowDragAndDrop && primaryKeyFieldNames.length === 0 && RecordsCount !== 0) {
+            failureCases.push('For the Row Drag and Drop actions, it is necessary to enable Primary Key field for the unique data column.');
+        }
+        if (this.allowPaging && this.enableVirtualization) {
+            failureCases.push('Paging is not allowed in virtualization case.');
+        }
+        if (RecordsCount === 0 && this.columns.length === 0) {
+            failureCases.push('Either of the Data source or columns should be given.');
+        }
+        if (this.frozenColumns > 0 && this.columnModel.filter(function (col) { return col.isFrozen; })) {
+            failureCases.push('Use only one attribute for Frozen either IsFrozen or FrozenColumns.');
+        }
+        if (this.enableVirtualization && !isNullOrUndefined(this.detailTemplate)) {
+            failureCases.push('Virtual scrolling is not compatible with the detail template');
+        }
+        if (this.stackedHeader && !isNullOrUndefined(this.detailTemplate)) {
+            failureCases.push('Virtual scrolling is not compatible with the detail template');
+        }
+        if ((this.frozenColumns > 0 || this.columnModel.filter(function (col) { return col.isFrozen; }) || this.frozenRows > 0)
+            && (!isNullOrUndefined(this.detailTemplate) || !isNullOrUndefined(this.rowTemplate))) {
+            failureCases.push('Frozen rows and columns are not supported with the Detail template and row template.');
+        }
+        if ((this.frozenColumns > 0 || this.columnModel.filter(function (col) { return col.isFrozen; }).length > 0 || this.frozenRows > 0) && this.editSettings.mode === 'Cell') {
+            failureCases.push('Frozen rows and columns are not supported with cell editing.');
+        }
+        if (this.allowSelection && !isNullOrUndefined(this.rowTemplate)) {
+            failureCases.push('Selection is not supported in RowTemplate');
+        }
+        if (this.treeColumnIndex < 0) {
+            failureCases.push('For showing tree structure it is must to set the TreeColumnIndex value.');
+        }
+        if (this.treeColumnIndex >= this.columns.length) {
+            failureCases.push('TreeColumnIndex value should not exceed the total column count.');
+        }
+        if (this.enableVirtualization && (!/[0-9]$/.test(this.columnModel.filter(function (col) { return col.width; }).toString())
+            && !/[px]$/.test(this.columnModel.filter(function (col) { return col.width; }).toString()))
+            || (/[0-9]$/.test(this.height.toString()) && /[px]$/.test(this.height.toString()))) {
+            failureCases.push('column width and height should be in pixels');
+        }
+        if (!isNullOrUndefined(this.childMapping) && !isNullOrUndefined(this.idMapping)) {
+            failureCases.push('Both IdMapping and ChildMapping should not be used together for tree grid rendering.');
+        }
+        if ((!isNullOrUndefined(this.idMapping) && (isNullOrUndefined(this.parentIdMapping))) ||
+            ((isNullOrUndefined(this.idMapping) && (!isNullOrUndefined(this.parentIdMapping))))) {
+            failureCases.push('IdMapping and ParentIdMapping properties should be defined and vice versa.');
+        }
+        var checkboxColumn = this.columnModel.filter(function (col) { return col.showCheckbox; });
+        var treeColumn = this.columns[this.treeColumnIndex];
+        if (checkboxColumn.length !== 0) {
+            if (checkboxColumn !== treeColumn) {
+                failureCases.push('ShowCheckbox column should not be defined other than the tree column.');
+            }
+            if (checkboxColumn.length > 1) {
+                failureCases.push('Only one column can have the ShowCheckbox option enabled.');
+            }
+        }
+        var alignColumn = this.columnModel.filter(function (col) { return col.textAlign === 'Right' && col.field === _this.columnModel[_this.treeColumnIndex].field; });
+        if (alignColumn.length !== 0) {
+            failureCases.push('TextAlign right for the tree column is not applicable.');
+        }
+        if (failureCases.length > 0) {
+            var failureEventArgs_1 = {
+                error: {}
+            };
+            failureCases.forEach(function (failureCase, index) {
+                failureEventArgs_1.error[parseInt(index.toString(), 10)] = failureCase;
+            });
+            this.trigger(events.actionFailure, failureEventArgs_1);
+        }
+    };
     TreeGrid.prototype.refreshToolbarItems = function () {
         var toolbarElement = this.toolbarModule.getToolbar();
         var indentID = this.element.id + '_gridcontrol_indent';
@@ -1019,7 +1123,9 @@ var TreeGrid = /** @class */ (function (_super) {
             }
         };
         this.grid.printComplete = this.triggerEvents.bind(this);
-        this.grid.actionFailure = this.triggerEvents.bind(this);
+        this.grid.actionFailure = function (args) {
+            _this.trigger(events.actionFailure, args);
+        };
         this.extendedGridDataBoundEvent();
         this.extendedGridEvents();
         this.extendedGridActionEvents();
@@ -2132,6 +2238,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.deleteRecord = function (fieldName, data) {
+        if ((isNullOrUndefined(fieldName) && (isNullOrUndefined(data)) || (this.getSelectedRecords().length <= 0))) {
+            var error = 'The provided value for the fieldName and data is undefined. Please ensure the fieldName and data contains number.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         if (this.grid.editModule) {
             this.grid.editModule.deleteRecord(fieldName, data);
         }
@@ -2200,6 +2310,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.deleteRow = function (tr) {
+        if (isNullOrUndefined(tr)) {
+            var error = 'The provided value for the tr is undefined. Please ensure the tr contains HTMLTableRowElement.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         if (this.grid.editModule) {
             this.grid.editModule.deleteRow(tr);
         }
@@ -2225,9 +2339,11 @@ var TreeGrid = /** @class */ (function (_super) {
         this.grid.setCellValue(key, field, value);
         var rowIndex = this.grid.getRowIndexByPrimaryKey(key);
         var record = this.getCurrentViewRecords()[parseInt(rowIndex.toString(), 10)];
-        if (!isNullOrUndefined(record)) {
-            editAction({ value: record, action: 'edit' }, this, this.isSelfReference, record.index, this.grid.selectedRowIndex, field);
+        if (isNullOrUndefined(record)) {
+            var error = 'The provided value for the record is undefined. Please ensure the record contains ITreeData.';
+            this.trigger(events.actionFailure, { error: error });
         }
+        editAction({ value: record, action: 'edit' }, this, this.isSelfReference, record.index, this.grid.selectedRowIndex, field);
     };
     /**
      * Updates and refresh the particular row values based on the given primary key value.
@@ -2278,6 +2394,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.goToPage = function (pageNo) {
+        if (isNullOrUndefined(pageNo)) {
+            var error = 'The provided value for the pageNo is undefined. Please ensure the pageNo contains number.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         if (this.grid.pagerModule) {
             this.grid.pagerModule.goToPage(pageNo);
         }
@@ -2379,6 +2499,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.hideColumns = function (keys, hideBy) {
+        if (isNullOrUndefined(keys)) {
+            var error = 'The provided value for the keys is undefined. Please ensure the keys contains string.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.grid.hideColumns(keys, hideBy);
         this.updateColumnModel();
     };
@@ -2476,10 +2600,10 @@ var TreeGrid = /** @class */ (function (_super) {
         if (this.grid.columns.length !== this.columnModel.length) {
             this.stackedHeader = true;
         }
-        if (this.stackedHeader && this.allowResizing) {
+        if (this.stackedHeader && this.allowResizing && !isNullOrUndefined(this.columns)) {
             this.updateColumnsWidth(this.columns);
         }
-        if (!this.stackedHeader) {
+        if (!this.stackedHeader && !isNullOrUndefined(this.columns)) {
             merge(this.columns, this.columnModel);
         }
         this["" + deepMerge] = undefined; // Workaround for blazor updateModel
@@ -2488,10 +2612,10 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.updateColumnsWidth = function (columns) {
         var _this = this;
         columns.forEach(function (column) {
-            if (column.columns) {
+            if (!isNullOrUndefined(column) && column.columns) {
                 _this.updateColumnsWidth(column.columns);
             }
-            else if (column.field) {
+            else if (!isNullOrUndefined(column) && column.field) {
                 var currentColumn = _this.grid.getColumnByField(column.field);
                 if (!isNullOrUndefined(currentColumn)) {
                     column.width = currentColumn.width;
@@ -2796,6 +2920,10 @@ var TreeGrid = /** @class */ (function (_super) {
      */
     TreeGrid.prototype.expandRow = function (row, record, key, level) {
         var _this = this;
+        if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key) && isNullOrUndefined(level)) {
+            var error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         var parentRec = this.parentData;
         if (!this.enableVirtualization) {
             parentRec = this.flatData.filter(function (e) {
@@ -2819,13 +2947,13 @@ var TreeGrid = /** @class */ (function (_super) {
                         if (expandingArgs.expandAll) {
                             _this.expandCollapseAllChildren(record, 'expand', key, level);
                         }
-                        _this.expandRows(row, record, parentRec, key, level);
+                        _this.expandRows(row, record, parentRec);
                     }
                 });
             }
             else if ((!this.allowPaging || (pagerValuePresent && this.grid.pagerModule.pagerObj.pagerdropdownModule['dropDownListObject'].value === 'All')) &&
                 !this.expandAllPrevent && this.isExpandingEventTriggered) {
-                this.expandRows(row, record, parentRec, key, level);
+                this.expandRows(row, record, parentRec);
             }
             this.isExpandingEventTriggered = true;
         }
@@ -2836,13 +2964,13 @@ var TreeGrid = /** @class */ (function (_super) {
                     if (expandingArgs.expandAll) {
                         _this.expandCollapseAllChildren(record, 'expand', key, level);
                     }
-                    _this.expandRows(row, record, parentRec, key, level);
+                    _this.expandRows(row, record, parentRec);
                 }
             });
         }
     };
     // Internal method to handle the rows expand
-    TreeGrid.prototype.expandRows = function (row, record, parentRec, key, level) {
+    TreeGrid.prototype.expandRows = function (row, record, parentRec) {
         this.expandCollapse('expand', row, record);
         var children = 'Children';
         if (!(isRemoteData(this) && !isOffline(this)) && (!isCountRequired(this) || !isNullOrUndefined(record["" + children]))) {
@@ -2913,6 +3041,10 @@ var TreeGrid = /** @class */ (function (_super) {
      */
     TreeGrid.prototype.collapseRow = function (row, record, key) {
         var _this = this;
+        if (isNullOrUndefined(row) && isNullOrUndefined(record) && isNullOrUndefined(key)) {
+            var error = 'The provided value for the row is undefined. Please ensure the row contains row element.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         var parentRec = this.parentData;
         if (!this.enableVirtualization) {
             parentRec = this.flatData.filter(function (e) {
@@ -2929,12 +3061,12 @@ var TreeGrid = /** @class */ (function (_super) {
                         if (collapsingArgs.collapseAll) {
                             _this.expandCollapseAllChildren(record, 'collapse', key);
                         }
-                        _this.collapseRows(row, record, parentRec, key);
+                        _this.collapseRows(row, record, parentRec);
                     }
                 });
             }
             else if (!this.allowPaging && !this.collapseAllPrevent && this.isCollapsingEventTriggered) {
-                this.collapseRows(row, record, parentRec, key);
+                this.collapseRows(row, record, parentRec);
             }
             this.isCollapsingEventTriggered = true;
         }
@@ -2942,13 +3074,13 @@ var TreeGrid = /** @class */ (function (_super) {
             var args = { data: record, row: row, cancel: false };
             this.trigger(events.collapsing, args, function (collapsingArgs) {
                 if (!collapsingArgs.cancel && !isNullOrUndefined(record)) {
-                    _this.collapseRows(row, record, parentRec, key);
+                    _this.collapseRows(row, record, parentRec);
                 }
             });
         }
     };
     // Internal method for handling the rows collapse
-    TreeGrid.prototype.collapseRows = function (row, record, parentRec, key) {
+    TreeGrid.prototype.collapseRows = function (row, record, parentRec) {
         this.expandCollapse('collapse', row, record);
         var collapseArgs = { data: record, row: row };
         if (!isRemoteData(this)) {
@@ -2992,6 +3124,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandAtLevel = function (level) {
+        if (isNullOrUndefined(level)) {
+            var error = 'The provided value for the level is undefined. Please ensure the level contains number.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)) {
             var rec = this.grid.dataSource.filter(function (e) {
                 if (e.hasChildRecords && e.level === level) {
@@ -3014,6 +3150,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandByKey = function (key) {
+        if (isNullOrUndefined(key)) {
+            var error = 'The provided value for the key is undefined. Please ensure the key contains number.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.expandCollapseActionByKey(key, 'Expand');
     };
     TreeGrid.prototype.expandAction = function (record, key, level, isPaging) {
@@ -3071,6 +3211,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseAtLevel = function (level) {
+        if (isNullOrUndefined(level)) {
+            var error = 'The provided value for the level is undefined. Please ensure the level contains number.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         if (((this.allowPaging && this.pageSettings.pageSizeMode === 'All') || this.enableVirtualization) && !isRemoteData(this)) {
             var record = this.grid.dataSource.filter(function (e) {
                 if (e.hasChildRecords && e.level === level) {
@@ -3093,6 +3237,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseByKey = function (key) {
+        if (isNullOrUndefined(key)) {
+            var error = 'The provided value for the key is undefined. Please ensure the key contains number.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.expandCollapseActionByKey(key, 'Collapse');
     };
     TreeGrid.prototype.expandCollapseActionByKey = function (key, action) {
@@ -3133,6 +3281,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.expandAll = function () {
+        if (this.getCurrentViewRecords().length === 0) {
+            var error = 'The provided value for the datasource is undefined. Please ensure to add the dataSource.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.isExpandedEventTriggered = false;
         this.isExpandingEventTriggered = false;
         this.expandCollapseAll('expand');
@@ -3143,6 +3295,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.collapseAll = function () {
+        if (this.getCurrentViewRecords().length === 0) {
+            var error = 'The provided value for the datasource is undefined. Please ensure to add the dataSource.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.isCollapsedEventTriggered = false;
         this.isCollapsingEventTriggered = false;
         this.expandCollapseAll('collapse');
@@ -3702,6 +3858,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.filterByColumn = function (fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator) {
+        if (isNullOrUndefined(fieldName) && isNullOrUndefined(filterOperator) && isNullOrUndefined(filterValue)) {
+            var error = 'The provided value for the fieldName, filterOperator and filterValue are undefined. Please ensure the fieldName, filterOperator and filterValue.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.grid.filterByColumn(fieldName, filterOperator, filterValue, predicate, matchCase, ignoreAccent, actualFilterValue, actualOperator);
     };
     /**
@@ -3768,6 +3928,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.paste = function (data, rowIndex, colIndex) {
+        if (isNullOrUndefined(data) && isNullOrUndefined(rowIndex) && isNullOrUndefined(colIndex)) {
+            var error = 'The provided value for the index is undefined. Please ensure the index contains number.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.clipboardModule.paste(data, rowIndex, colIndex);
     };
     /**
@@ -3979,7 +4143,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {number} - Returns frozen column count
      */
     TreeGrid.prototype.getFrozenColumns = function () {
-        return this.getFrozenCount(this.columns, 0) + this.frozenColumns;
+        return this.getFrozenCount(!isNullOrUndefined(this.columns) && this.columns, 0) + this.frozenColumns;
     };
     TreeGrid.prototype.getFrozenCount = function (cols, cnt) {
         for (var j = 0, len = cols.length; j < len; j++) {
@@ -4036,6 +4200,10 @@ var TreeGrid = /** @class */ (function (_super) {
      * @returns {void}
      */
     TreeGrid.prototype.reorderRows = function (fromIndexes, toIndex, position) {
+        if (isNullOrUndefined(fromIndexes) && isNullOrUndefined(toIndex) && isNullOrUndefined(position)) {
+            var error = 'The provided value for the fromIndexes, toIndex and position is undefined. Please ensure the fromIndexes and toIndex contains number and position contains string.';
+            this.trigger(events.actionFailure, { error: error });
+        }
         this.rowDragAndDropModule.reorderRows(fromIndexes, toIndex, position);
     };
     /**

package/src/treegrid/renderer/render.js

@@ -357,7 +357,9 @@ var Render = /** @class */ (function () {
                             && !isNullOrUndefined(rowsObj[parseInt(j.toString(), 10)].index)) {
                             var cell = rowsObj[parseInt(j.toString(), 10)]["" + cells][parseInt(cellIndex.toString(), 10)];
                             var cellRenderer = new CellRenderer(_this.parent.grid, _this.parent.grid.serviceLocator);
-                            var td = _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent);
+                            var td = rows.length >= rowsObj.length
+                                ? _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent)
+                                : _this.parent.getRows()[rowsObj[parseInt(j.toString(), 10)].index].querySelector('.e-templatecell');
                             cellRenderer.refreshTD(td, cell, rowsObj[parseInt(j.toString(), 10)].data, { index: rowsObj[parseInt(j.toString(), 10)]["" + rowIdx] });
                             var treecell = _this.parent.getRows()[parseInt(j.toString(), 10)]
                                 .cells[parseInt(cellIndex.toString(), 10)];

package/src/treegrid/renderer/virtual-row-model-generator.js

@@ -70,8 +70,8 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
             var rows = _super.prototype.generateRows.call(this, data, notifyArgs);
             if (!isNullOrUndefined((this.visualData))) {
                 for (var r = 0; r < rows.length; r++) {
-                    rows[parseInt(r.toString(), 10)].index =
-                        (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
+                    rows[parseInt(r.toString(), 10)].index
+                        = (this.visualData).indexOf(rows[parseInt(r.toString(), 10)].data);
                 }
             }
             return rows;

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -52,6 +52,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
     VirtualTreeContentRenderer.prototype.getFrozenRightVirtualRowByIndex = function (index) {
         return this.getRowCollection(index, false, false, true);
     };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     VirtualTreeContentRenderer.prototype.getRowCollection = function (index, isMovable, isRowObject, isFrozenRight) {
         var startIdx = parseInt(this.parent.getRows()[0].getAttribute(literals.dataRowIndex), 10);
         var rowCollection = this.parent.getDataRows();
@@ -489,10 +490,10 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.previousInfo = viewInfo;
             this.parent.setColumnIndexesInView(this.parent.enableColumnVirtualization ? viewInfo.columnIndexes : []);
             var page = viewInfo.loadNext && !viewInfo.loadSelf ? viewInfo.nextInfo.page : viewInfo.page;
+            this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
             if (downScroll && this.endIndex === this.totalRecords && viewInfo.loadNext) {
                 viewInfo.loadNext = false;
             }
-            this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
             this.requestType = 'virtualscroll';
             if (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') {
                 viewInfo.event = viewInfo.event === 'refresh-virtual-block' ? 'model-changed' : viewInfo.event;