@syncfusion/ej2-treegrid 28.2.6 → 29.1.37

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

@@ -39,9 +39,6 @@ var VirtualScroll = /** @class */ (function () {
         Grid.Inject(TreeVirtual);
         this.addEventListener();
     }
-    VirtualScroll.prototype.returnVisualData = function (args) {
-        args.data = this.visualData;
-    };
     /**
      * For internal use only - Get the module name.
      *
@@ -75,28 +72,58 @@ var VirtualScroll = /** @class */ (function () {
         this.parent.off(events.pagingActions, this.virtualPageAction);
         this.parent.off(events.destroy, this.destroy);
     };
+    /**
+     * Handles the virtual child collapse or expand action in a tree grid.
+     *
+     * @param {object} row - Object containing information about the collapse/expand action.
+     * @param {string} row.action - The type of action, either "collapse" or "expand".
+     * @param {HTMLTableRowElement} row.row - The HTML row element that is affected by the action.
+     * @param {ITreeData} row.record - The tree data record associated with the row.
+     * @param {RowCollapsedEventArgs} row.args - Additional event arguments related to the row collapse or expand.
+     *
+     * @returns {void} No return value as the function executes a procedure.
+     */
     VirtualScroll.prototype.collapseExpandVirtualchilds = function (row) {
         this.parent.grid.notify(events.virtualActionArgs, { isExpandCollapse: true });
         this.expandCollapseRec = row.record;
         row.record.expanded = row.action === 'collapse' ? false : true;
-        var ret = {
+        this.parent.flatData.map(function (e) { return e.expanded = e.uniqueID === row.record.uniqueID &&
+            e.expanded !== row.record.expanded ? row.record.expanded : e.expanded; });
+        var actionDetails = {
             result: this.parent.flatData,
             row: row.row,
             action: row.action,
             record: row.record,
             count: this.parent.flatData.length
         };
-        if (this.parent.enableVirtualization && this.parent.selectionSettings.mode === 'Cell' ||
-            this.parent.selectionSettings.mode === 'Row' && !this.parent.selectionSettings.persistSelection) {
+        this.handleSelection();
+        var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
+        getValue('grid.renderModule', this.parent).dataManagerSuccess(actionDetails, { requestType: requestType });
+    };
+    /**
+     * Handles selection logic for the TreeGrid component.
+     *
+     * @returns {void}
+     */
+    VirtualScroll.prototype.handleSelection = function () {
+        if ((this.parent.selectionSettings.mode === 'Cell' ||
+            (this.parent.selectionSettings.mode === 'Row' && !this.parent.selectionSettings.persistSelection))) {
             this.parent.grid.clearSelection();
         }
         if (getValue('isCollapseAll', this.parent) && this.parent.selectionSettings.persistSelection && this.parent.getSelectedRecords().length > 0) {
             this.prevSelectedRecord = this.parent.getSelectedRecords();
             this.parent.grid.clearSelection();
         }
-        var requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
-        getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
     };
+    /**
+     * Handles the action related to virtual scrolling with paging details.
+     *
+     * @param {Object} pageingDetails - Contains the result data, count of results, and action arguments.
+     * @param {ITreeData[]} pageingDetails.result - The result data to be handled.
+     * @param {number} pageingDetails.count - The count of results.
+     * @param {ActionEventArgs} pageingDetails.actionArgs - The action arguments related to the virtual page action.
+     * @returns {void}
+     */
     VirtualScroll.prototype.virtualPageAction = function (pageingDetails) {
         var _this = this;
         var dm = new DataManager(pageingDetails.result);
@@ -127,7 +154,7 @@ var VirtualScroll = /** @class */ (function () {
             if (requestType === 'filtering' || requestType === 'collapseAll' || requestType === 'searching' || (requestType === 'refresh' && getValue('isExpandAll', this.parent)) ||
                 (requestType === 'refresh' && this.parent.enableCollapseAll && endIndex > visualData.length && isNullOrUndefined(this.expandCollapseRec))) {
                 startIndex = 0;
-                endIndex = this.parent.grid.pageSettings.pageSize - 1;
+                endIndex = this.parent.grid.pageSettings.pageSize;
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
             }
@@ -170,7 +197,7 @@ var VirtualScroll = /** @class */ (function () {
                         var newRowsCount = sIndex - startIndex;
                         startIndex = sIndex;
                         if (visualData.indexOf(this.expandCollapseRec) > visualData.length - resourceCount / 2) {
-                            var newTranslateY = translateY + (newRowsCount * this.parent.grid.getRowHeight());
+                            var newTranslateY = startIndex * this.parent.grid.getRowHeight();
                             this.parent.grid.contentModule['translateY'] = newTranslateY;
                             this.parent.grid.contentModule.virtualEle.adjustTable(0, newTranslateY);
                         }
@@ -193,7 +220,7 @@ var VirtualScroll = /** @class */ (function () {
                 if (pageingDetails.count < this.parent.getRows()[0].getBoundingClientRect().height) {
                     startIndex = 0;
                 }
-                else if (!this.parent['isExpandAll']) {
+                else if (!this.parent['isExpandAll'] && this.parent.grid.contentModule['translateY'] === 0) {
                     startIndex = this.prevstartIndex === -1 ? 0 : this.prevstartIndex;
                 }
             }
@@ -220,6 +247,26 @@ var VirtualScroll = /** @class */ (function () {
     VirtualScroll.prototype.destroy = function () {
         this.removeEventListener();
     };
+    /**
+     * Updates the row selection when the header checkbox is clicked and the number of selected rows
+     * does not match the current view data length.
+     *
+     * @param {RowDeselectEventArgs} args - The arguments containing details of the row deselection event.
+     * @returns {void} - This method does not return a value.
+     */
+    VirtualScroll.prototype.updateSelection = function (args) {
+        if (args.isHeaderCheckboxClicked &&
+            this.parent.grid.currentViewData.length !== this.parent.grid.selectionModule.selectedRowIndexes.length) {
+            var updateRowSelection = 'updateRowSelection';
+            for (var i = 0; i < this.parent.getRows().length; i++) {
+                if (this.parent.getRows()[parseInt(i.toString(), 10)].getElementsByClassName('e-frame e-icons e-uncheck').length) {
+                    this.parent.grid.selectionModule["" + updateRowSelection](this.parent.getRows()[parseInt(i.toString(), 10)], 
+                    // eslint-disable-next-line max-len
+                    this.parent.getCurrentViewRecords()[parseInt(i.toString(), 10)].index);
+                }
+            }
+        }
+    };
     return VirtualScroll;
 }());
 export { VirtualScroll };

package/src/treegrid/base/constant.d.ts

@@ -151,12 +151,8 @@ export declare const frozenRight: string;
 /** @hidden */
 export declare const frozenLeft: string;
 /** @hidden */
-export declare const dataColIndex: string;
-/** @hidden */
 export declare const ariaColIndex: string;
 /** @hidden */
-export declare const dataRowIndex: string;
-/** @hidden */
 export declare const ariaRowIndex: string;
 /** @hidden */
 export declare const actionFailure: string;

package/src/treegrid/base/constant.js

@@ -151,12 +151,8 @@ export var frozenRight = 'frozen-right';
 /** @hidden */
 export var frozenLeft = 'frozen-left';
 /** @hidden */
-export var dataColIndex = 'data-colindex';
-/** @hidden */
 export var ariaColIndex = 'aria-colindex';
 /** @hidden */
-export var dataRowIndex = 'data-rowindex';
-/** @hidden */
 export var ariaRowIndex = 'aria-rowindex';
 /** @hidden */
 export var actionFailure = 'actionFailure';

package/src/treegrid/base/data.js

@@ -438,115 +438,116 @@ var DataManipulation = /** @class */ (function () {
                 rowDetails.record.childRecords = result;
             }
             for (var r = 0; r < result.length; r++) {
-                if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'remoteExpand') {
+                var record = result[parseInt(r.toString(), 10)];
+                if (_this.parent.enableVirtualization && record["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'remoteExpand') {
                     _this.parent["" + remoteExpandedData].push(rowDetails.record);
                 }
-                else if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'collapse') {
+                else if (_this.parent.enableVirtualization && record["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action === 'collapse') {
                     for (var i = 0; i < _this.parent["" + remoteExpandedData].length; i++) {
                         if (rowDetails.record["" + _this.parent.idMapping] === _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
                             _this.parent["" + remoteExpandedData].splice(i, 1);
                         }
                     }
                 }
-                result[parseInt(r.toString(), 10)].taskData = extend({}, result[parseInt(r.toString(), 10)]);
-                if (result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping] && _this.parent.enableVirtualization && _this.parent["" + remoteExpandedData].length) {
+                record.taskData = extend({}, record);
+                if (record["" + _this.parent.parentIdMapping] && _this.parent.enableVirtualization && _this.parent["" + remoteExpandedData].length) {
                     for (var i = 0; i < _this.parent["" + remoteExpandedData].length; i++) {
-                        if (result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping] === _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
-                            result[parseInt(r.toString(), 10)].level = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + level] + 1;
+                        if (record["" + _this.parent.parentIdMapping] === _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
+                            record.level = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)]["" + level] + 1;
                             var parentData = _this.parent["" + remoteExpandedData][parseInt(i.toString(), 10)];
                             delete parentData.childRecords;
-                            result[parseInt(r.toString(), 10)].parentItem = parentData;
-                            result[parseInt(r.toString(), 10)].parentUniqueID = parentData.uniqueID;
+                            record.parentItem = parentData;
+                            record.parentUniqueID = parentData.uniqueID;
                         }
                     }
                 }
                 else if (_this.parent.enableVirtualization) {
-                    if ((result[parseInt(r.toString(), 10)]["" + _this.parent.hasChildMapping] ||
-                        _this.parentItems.indexOf(result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) !== -1)
+                    if ((record["" + _this.parent.hasChildMapping] ||
+                        _this.parentItems.indexOf(record["" + _this.parent.idMapping]) !== -1)
                         && !(haveChild && !haveChild[parseInt(r.toString(), 10)])) {
-                        if (isNullOrUndefined(result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping])) {
-                            result[parseInt(r.toString(), 10)].level = 0;
+                        if (isNullOrUndefined(record["" + _this.parent.parentIdMapping])) {
+                            record.level = 0;
                             if (rowDetails.action === 'remoteExpand') {
-                                result[parseInt(r.toString(), 10)].childRecords = [];
-                                result[parseInt(r.toString(), 10)].childRecords = rowDetails.record.childRecords;
+                                record.childRecords = [];
+                                record.childRecords = rowDetails.record.childRecords;
                             }
                         }
                         else {
-                            result[parseInt(r.toString(), 10)].level = rowDetails.record.level;
+                            record.level = rowDetails.record.level;
                         }
                     }
                     else {
                         var parentData = extend({}, rowDetails.record);
                         delete parentData.childRecords;
-                        result[parseInt(r.toString(), 10)].parentItem = parentData;
-                        result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
+                        record.parentItem = parentData;
+                        record.parentUniqueID = rowDetails.record.uniqueID;
                     }
                 }
                 else {
-                    result[parseInt(r.toString(), 10)].level = rowDetails.record.level + 1;
+                    record.level = rowDetails.record.level + 1;
                     var parentData = extend({}, rowDetails.record);
                     delete parentData.childRecords;
-                    result[parseInt(r.toString(), 10)].parentItem = parentData;
-                    result[parseInt(r.toString(), 10)].parentUniqueID = rowDetails.record.uniqueID;
+                    record.parentItem = parentData;
+                    record.parentUniqueID = rowDetails.record.uniqueID;
                 }
-                result[parseInt(r.toString(), 10)].index = Math.ceil(Math.random() * 1000);
-                result[parseInt(r.toString(), 10)].uniqueID = getUid(_this.parent.element.id + '_data_');
-                if (rowDetails.record["" + _this.parent.idMapping] === result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) {
-                    rowDetails.record.uniqueID = result[parseInt(r.toString(), 10)].uniqueID;
+                record.index = Math.ceil(Math.random() * 1000);
+                record.uniqueID = getUid(_this.parent.element.id + '_data_');
+                if (rowDetails.record["" + _this.parent.idMapping] === record["" + _this.parent.idMapping]) {
+                    rowDetails.record.uniqueID = record.uniqueID;
                 }
-                result[parseInt(r.toString(), 10)].checkboxState = 'uncheck';
-                if (_this.parent.enableVirtualization && isNullOrUndefined(result[parseInt(r.toString(), 10)].level)) {
+                record.checkboxState = 'uncheck';
+                if (_this.parent.enableVirtualization && isNullOrUndefined(record.level)) {
                     for (var p = 0; p < _this.parent.grid.currentViewData.length; p++) {
-                        if (_this.parent.grid.currentViewData[parseInt(p.toString(), 10)]["" + _this.parent.idMapping] === result[parseInt(r.toString(), 10)]["" + _this.parent.parentIdMapping]) {
-                            result[parseInt(r.toString(), 10)].level = _this.parent.grid.currentViewData[parseInt(p.toString(), 10)]['level'] + 1;
+                        if (_this.parent.grid.currentViewData[parseInt(p.toString(), 10)]["" + _this.parent.idMapping] === record["" + _this.parent.parentIdMapping]) {
+                            record.level = _this.parent.grid.currentViewData[parseInt(p.toString(), 10)]['level'] + 1;
                         }
                     }
                 }
-                setValue('uniqueIDCollection.' + result[parseInt(r.toString(), 10)].uniqueID, result[parseInt(r.toString(), 10)], _this.parent);
+                setValue('uniqueIDCollection.' + record.uniqueID, record, _this.parent);
                 // delete result[r].parentItem.childRecords;
-                if ((result[parseInt(r.toString(), 10)]["" + _this.parent.hasChildMapping] ||
-                    _this.parentItems.indexOf(result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) !== -1)
+                if ((record["" + _this.parent.hasChildMapping] ||
+                    _this.parentItems.indexOf(record["" + _this.parent.idMapping]) !== -1)
                     && !(haveChild && !haveChild[parseInt(r.toString(), 10)])) {
-                    result[parseInt(r.toString(), 10)].hasChildRecords = true;
+                    record.hasChildRecords = true;
                     if (_this.parent.enableVirtualization && !_this.parent.loadChildOnDemand) {
                         for (var i = 0; i < _this.parent["" + remoteCollapsedData].length; i++) {
-                            if (result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
-                                result[parseInt(r.toString(), 10)].expanded = _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]['expanded'];
+                            if (record["" + _this.parent.idMapping] === _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
+                                record.expanded = _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]['expanded'];
                             }
                         }
-                        if (rowDetails.action === 'collapse' && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] !== rowDetails.record["" + _this.parent.idMapping] && result[parseInt(r.toString(), 10)].expanded !== false) {
-                            result[parseInt(r.toString(), 10)].expanded = true;
+                        if (rowDetails.action === 'collapse' && record["" + _this.parent.idMapping] !== rowDetails.record["" + _this.parent.idMapping] && record.expanded !== false) {
+                            record.expanded = true;
                         }
-                        else if (rowDetails.action === 'collapse' && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping]) {
-                            result[parseInt(r.toString(), 10)].expanded = false;
+                        else if (rowDetails.action === 'collapse' && record["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping]) {
+                            record.expanded = false;
                             _this.parent["" + remoteCollapsedData].push(rowDetails.record);
                         }
                         else if (rowDetails.action === 'remoteExpand') {
                             for (var i = 0; i < _this.parent.grid.currentViewData.length; i++) {
-                                if (_this.parent.grid.currentViewData[parseInt(i.toString(), 10)]["" + _this.parent.idMapping] === result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping]) {
+                                if (_this.parent.grid.currentViewData[parseInt(i.toString(), 10)]["" + _this.parent.idMapping] === record["" + _this.parent.idMapping]) {
                                     result.splice(r, 1, _this.parent.grid.currentViewData[parseInt(i.toString(), 10)]);
                                 }
                             }
-                            if (result[parseInt(r.toString(), 10)][_this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping]) {
+                            if (record[_this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping]) {
                                 for (var i = 0; i < _this.parent["" + remoteCollapsedData].length; i++) {
                                     if (rowDetails.record["" + _this.parent.idMapping] === _this.parent["" + remoteCollapsedData][parseInt(i.toString(), 10)]["" + _this.parent.idMapping]) {
                                         _this.parent["" + remoteCollapsedData].splice(i, 1);
                                     }
                                 }
                             }
-                            if (result[parseInt(r.toString(), 10)].expanded !== false) {
-                                result[parseInt(r.toString(), 10)].expanded = true;
+                            if (record.expanded !== false) {
+                                record.expanded = true;
                             }
                         }
                     }
-                    else if (_this.parent.enableVirtualization && result[parseInt(r.toString(), 10)]["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action !== 'collapse') {
-                        result[parseInt(r.toString(), 10)].expanded = true;
+                    else if (_this.parent.enableVirtualization && record["" + _this.parent.idMapping] === rowDetails.record["" + _this.parent.idMapping] && rowDetails.action !== 'collapse') {
+                        record.expanded = true;
                     }
                     else if (!(_this.parent.enableVirtualization && !_this.parent.loadChildOnDemand)) {
-                        result[parseInt(r.toString(), 10)].expanded = false;
+                        record.expanded = false;
                     }
                 }
-                datas.splice(inx + r + 1, 0, result[parseInt(r.toString(), 10)]);
+                datas.splice(inx + r + 1, 0, record);
             }
             setValue('result', datas, e);
             setValue('action', 'beforecontentrender', e);