@syncfusion/ej2-treegrid 28.1.36 → 28.1.39

package/dist/es6/ej2-treegrid.es5.js

@@ -2376,6 +2376,7 @@ var DataManipulation = /** @__PURE__ @class */ (function () {
                     this.parent.grid.detailRowModule.expand(expandingTd);
                 }
             }
+            this.parent.grid.pageSettings.totalRecordsCount += rowDetails.rows.length;
         }
         else {
             this.fetchRemoteChildData({ action: rowDetails["" + name], record: rowDetails.record, rows: rowDetails.rows, parentRow: rowDetails.parentRow });
@@ -6729,18 +6730,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 this.trigger(expanded, expandArgs);
             }
         }
-        if (this.enableVirtualization) {
-            var index = this.grid.currentViewData.indexOf(record);
-            var expandedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
-            if (!isNullOrUndefined(expandedRow)) {
-                var rowIndex = +expandedRow.getAttribute('data-rowindex');
-                var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
-                var lastBlockIdx = initialTotalRecordsCount - outBuffer;
-                if (rowIndex > lastBlockIdx) {
-                    this.grid.getContent().firstElementChild.scrollTop = rowIndex * this.grid.getRowHeight();
-                }
-            }
-        }
     };
     TreeGrid.prototype.expandCollapseAllChildren = function (record, action, key, level) {
         if ((!isNullOrUndefined(key) && record[this.getPrimaryKeyFieldNames()[0]] !== key) ||
@@ -6856,18 +6845,6 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                     this.grid.getContent().firstElementChild.scrollBy(0, this.grid.getRowHeight());
                 }
             }
-            if (this.enableVirtualization) {
-                var index = this.grid.currentViewData.indexOf(record);
-                var collapsedRow = isNullOrUndefined(row) ? this.getRows()[parseInt(index.toString(), 10)] : row;
-                if (!isNullOrUndefined(collapsedRow)) {
-                    var rowIndex = +collapsedRow.getAttribute('data-rowindex');
-                    var outBuffer = this.grid.pageSettings.pageSize - Math.ceil(this.grid.pageSettings.pageSize / 2);
-                    var lastBlockIdx = this.grid.totalDataRecordsCount - outBuffer;
-                    if (rowIndex > lastBlockIdx) {
-                        this.grid.getContent().firstElementChild.scrollBy(0, (rowIndex - lastBlockIdx) * this.grid.getRowHeight());
-                    }
-                }
-            }
         }
     };
     TreeGrid.prototype.updateExpandStateMapping = function (record, state) {
@@ -7542,6 +7519,7 @@ var TreeGrid = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        this.grid.pageSettings.totalRecordsCount -= rows.length;
     };
     /**
      * Method to sanitize html element
@@ -10241,8 +10219,7 @@ var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
         if (!isNullOrUndefined(notifyArgs.virtualInfo)) {
             if (notifyArgs.virtualInfo.direction !== 'right' && notifyArgs.virtualInfo.direction !== 'left') {
                 if (!((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-                    && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent))
-                    || notifyArgs.virtualInfo.blockIndexes.length === 1) {
+                    && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || isRemoteData(this.parent))) {
                     notifyArgs.virtualInfo.blockIndexes = info.blockIndexes;
                 }
             }
@@ -10251,7 +10228,7 @@ var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
             }
         }
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent)) {
+            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || isRemoteData(this.parent)) {
             return _super.prototype.generateRows.call(this, data, notifyArgs);
         }
         else {
@@ -10272,7 +10249,7 @@ var TreeVirtualRowModelGenerator = /** @__PURE__ @class */ (function (_super) {
         var clear = ['paging', 'refresh', 'sorting', 'filtering', 'searching', 'reorder',
             'save', 'delete'].some(function (value) { return action === value; });
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent)) {
+            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || isRemoteData(this.parent)) {
             var model = 'model';
             var currentPage = this["" + model].currentPage;
             if (clear) {
@@ -14169,12 +14146,27 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
-        if (((downScroll && (scrollArgs.offset.top < (rowHeight * this.totalRecords)))
+        if (isRemoteData(this.parent) || ((downScroll && (scrollArgs.offset.top < (rowHeight * this.totalRecords)))
             || (upScroll)) || (scrollArgs.direction === 'right' || scrollArgs.direction === 'left') ||
             ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
                 && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') && (downScroll || upScroll) || isCountRequired(this.parent))) {
             var viewInfo = this.currentInfo = getValue('getInfoFromView', this).apply(this, [scrollArgs.direction, info, scrollArgs.offset]);
             this.previousInfo = viewInfo;
+            if (this.prevInfo && ((info.axis === 'Y' && this.prevInfo.blockIndexes.toString() === viewInfo.blockIndexes.toString())
+                || ((info.axis === 'X' && this.prevInfo.columnIndexes.toString() === viewInfo.columnIndexes.toString())
+                    || (this.parent.isFrozenGrid() && this.parent.getVisibleFrozenLeftCount() >= viewInfo.columnIndexes[0]
+                        && this.prevInfo.columnIndexes.toString().includes(viewInfo.columnIndexes.toString()))))) {
+                this.parent.removeMaskRow();
+                this.parent.notify('removeGanttShimmer', { requestType: 'hideShimmer' });
+                if (Browser.isIE) {
+                    this.parent.hideSpinner();
+                }
+                this.requestType = this.requestType === 'virtualscroll' ? this['empty'] : this.requestType;
+                if (info.axis === 'Y') {
+                    this['restoreEdit']();
+                }
+                return;
+            }
             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);
@@ -14201,7 +14193,7 @@ var VirtualTreeContentRenderer = /** @__PURE__ @class */ (function (_super) {
     };
     VirtualTreeContentRenderer.prototype.appendContent = function (target, newChild, e) {
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
-            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent)) {
+            && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || isRemoteData(this.parent)) {
             if (getValue('isExpandCollapse', e)) {
                 this.isRemoteExpand = true;
             }
@@ -14537,14 +14529,22 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
                 endIndex = startIndex + this.parent.grid.pageSettings.pageSize;
             }
             if (!isNullOrUndefined(this.expandCollapseRec)) {
-                var resourceCount = this.parent.getRows();
+                var resourceCount = this.parent.grid.pageSettings.pageSize;
                 var sIndex = visualData.indexOf(this.expandCollapseRec);
-                var tempdata = visualData.slice(sIndex, sIndex + resourceCount.length);
-                if (tempdata.length < resourceCount.length && sIndex >= 0 && startIndex !== 0) {
-                    sIndex = visualData.length - resourceCount.length;
+                var tempdata = visualData.slice(sIndex, sIndex + resourceCount);
+                if (tempdata.length < resourceCount && sIndex >= 0 && startIndex !== 0) {
+                    sIndex = visualData.length - resourceCount;
                     sIndex = sIndex > 0 ? sIndex : 0;
-                    startIndex = sIndex;
                     endIndex = visualData.length;
+                    if (endIndex - startIndex < resourceCount) {
+                        var newRowsCount = sIndex - startIndex;
+                        startIndex = sIndex;
+                        if (visualData.indexOf(this.expandCollapseRec) > visualData.length - resourceCount / 2) {
+                            var newTranslateY = translateY + (newRowsCount * this.parent.grid.getRowHeight());
+                            this.parent.grid.contentModule['translateY'] = newTranslateY;
+                            this.parent.grid.contentModule.virtualEle.adjustTable(0, newTranslateY);
+                        }
+                    }
                 }
                 else if (getValue('isCollapseAll', this.parent)) {
                     startIndex = 0;