@syncfusion/ej2-treegrid 26.2.5 → 26.2.9

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

@@ -2422,13 +2422,13 @@ class DataManipulation {
                     e[`${result}`] = this.parent.summaryModule.calculateSummaryValue(summaryQuery, e[`${result}`], true);
                 }
             }
+            if (rowDetails.action === 'remoteExpand' && this.parent.allowPaging && this.parent.pageSettings.pageSizeMode === 'All') {
+                this.parent.grid.pageSettings.totalRecordsCount = this.parent.grid.currentViewData.length + result.length;
+            }
             if (this.parent.enableVirtualization) {
                 this.parent.grid.pageSettings.totalRecordsCount = e.count;
             }
             e.count = this.parent.grid.pageSettings.totalRecordsCount;
-            if (rowDetails.action === 'remoteExpand' && this.parent.allowPaging) {
-                this.parent.grid.pageSettings.totalRecordsCount = this.parent.grid.currentViewData.length + result.length;
-            }
             const virtualArgs = {};
             if (this.parent.enableVirtualization) {
                 this.remoteVirtualAction(virtualArgs);
@@ -4410,21 +4410,25 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             this.IsExpandCollapseClicked(args);
             if (!isNullOrUndefined(args.data) && this.selectionSettings.persistSelection
                 && this.columnModel.filter((col) => col.type === 'checkbox').length > 0 && isRemoteData(this)) {
-                if (!isNullOrUndefined(args.data.parentItem)) {
+                if (!isNullOrUndefined(args.data.parentItem) || args.isHeaderCheckboxClicked) {
                     this.parentQuery = this.query.queries.filter((q) => q.e.field === this.parentIdMapping);
                     this.query.queries = this.query.queries.slice(0, 0);
                 }
             }
+            if (this.pageSettings.pageSizeMode === 'Root') {
+                this.grid.selectionModule['totalRecordsCount'] = this.grid.currentViewData.length;
+            }
+            if (this.enableVirtualization && args.rowIndex === this.selectedRowIndex) {
+                args.cancel = true;
+            }
             this.trigger(rowSelecting, args);
         };
         this.grid.rowDeselecting = (args) => {
             this.IsExpandCollapseClicked(args);
-            if (isNullOrUndefined(args.data) && this.selectionSettings.persistSelection
+            if (!isNullOrUndefined(args.data) && this.selectionSettings.persistSelection
                 && this.columnModel.filter((col) => col.type === 'checkbox').length > 0 && isRemoteData(this)) {
-                if (isNullOrUndefined(args.data.parentItem)) {
-                    this.parentQuery = this.query.queries.filter((q) => q.e.field === this.parentIdMapping);
-                    this.query.queries = this.query.queries.slice(0, 0);
-                }
+                this.parentQuery = this.query.queries.filter((q) => q.e.field === this.parentIdMapping);
+                this.query.queries = this.query.queries.slice(0, 0);
             }
             this.trigger(rowDeselecting, args);
         };
@@ -4565,6 +4569,16 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                     this.grid.selectionModule[`${updateRowSelection}`](this.getRows()[parseInt(index.toString(), 10)], index);
                 }
             }
+            if (this.enableVirtualization && this.selectionSettings.persistSelection
+                && !isNullOrUndefined(this.virtualScrollModule.prevSelectedRecord)) {
+                for (let i = 0; i < this.virtualScrollModule.prevSelectedRecord.length; i++) {
+                    const updateRowSelection = 'updateRowSelection';
+                    const index = 
+                    // eslint-disable-next-line max-len
+                    this.getCurrentViewRecords().indexOf(this.virtualScrollModule.prevSelectedRecord[parseInt(i.toString(), 10)]);
+                    this.grid.selectionModule[`${updateRowSelection}`](this.getRows()[parseInt(index.toString(), 10)], index);
+                }
+            }
             this.trigger(dataBound, args);
             this.initialRender = false;
         };
@@ -6351,6 +6365,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 expandArgs = { data: parentRec, row: row };
                 this.trigger(expanded, expandArgs);
             }
+            else if (!this.isExpandAll && this.enableVirtualization && this.selectionSettings.persistSelection
+                && !isNullOrUndefined(this.virtualScrollModule.prevSelectedRecord)) {
+                this.virtualScrollModule.prevSelectedRecord = [];
+            }
             else if (!this.isExpandAll) {
                 this.trigger(expanded, expandArgs);
             }
@@ -8795,7 +8813,7 @@ class RowDD {
             this.canDrop = false;
             this.addErrorElem();
         }
-        if (!tObj.rowDropSettings.targetID && this.canDrop) {
+        if (!tObj.rowDropSettings.targetID && this.canDrop && !isNullOrUndefined(args.rows[0])) {
             tObj.rowDragAndDropModule.updateIcon(args.rows, rowIdx, args);
         }
         if (isNullOrUndefined(tObj.rowDropSettings.targetID) && !this.canDrop) {
@@ -13234,14 +13252,17 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
         const info = scrollArgs.sentinel;
         const rowHeight = this.parent.getRowHeight();
         const outBuffer = this.parent.pageSettings.pageSize - Math.ceil(this.parent.pageSettings.pageSize / 2);
-        const content = this.parent.getContent().querySelector('.e-content');
+        let content;
+        if (!isNullOrUndefined(this.parent.contentModule)) {
+            content = this.parent.getContent().querySelector('.e-content');
+        }
         const scrollHeight = outBuffer * rowHeight;
         const upScroll = (scrollArgs.offset.top - this.translateY) <= 0;
         const downScroll = Math.ceil(scrollArgs.offset.top - this.translateY) + rowHeight >= scrollHeight;
         const selectedRowIndex = 'selectedRowIndex';
         const currentViewData = this.parent.currentViewData;
         const indexValue = 'index';
-        if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
+        if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
             const vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? parseInt(this.parent.height.toString(), 10) :
                 this.parent.element.getBoundingClientRect().height);
             let index = (~~(content.scrollTop / rowHeight)
@@ -13289,7 +13310,7 @@ class VirtualTreeContentRenderer extends VirtualContentRenderer {
                     scrollArgs.offset.top - (outBuffer * rowHeight) + 10 : 0;
             }
         }
-        else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
+        else if (downScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left') && !isNullOrUndefined(content)) {
             let nextSetResIndex = ~~(content.scrollTop / rowHeight);
             const isLastBlock = (this[`${selectedRowIndex}`] + this.parent.pageSettings.pageSize) < this.totalRecords ? false : true;
             if (!isNullOrUndefined(this[`${selectedRowIndex}`]) && this[`${selectedRowIndex}`] !== -1 &&
@@ -13550,6 +13571,7 @@ class VirtualScroll {
     constructor(parent) {
         this.prevstartIndex = -1;
         this.prevendIndex = -1;
+        this.prevSelectedRecord = [];
         this.parent = parent;
         Grid.Inject(TreeVirtual);
         this.addEventListener();
@@ -13605,6 +13627,10 @@ class VirtualScroll {
             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();
+        }
         const requestType = getValue('isCollapseAll', this.parent) ? 'collapseAll' : 'refresh';
         getValue('grid.renderModule', this.parent).dataManagerSuccess(ret, { requestType: requestType });
     }
@@ -13675,7 +13701,8 @@ class VirtualScroll {
                 }
             }
             //}
-            if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll' && !isNullOrUndefined(this.parent.idMapping)) {
+            if (this.prevrequestType === 'collapseAll' && pageingDetails.actionArgs.requestType === 'virtualscroll'
+                && !isNullOrUndefined(this.parent.idMapping) && startIndex === 0) {
                 startIndex = 0;
                 endIndex = this.parent.grid.pageSettings.pageSize - 1;
                 this.parent.grid.notify(virtualActionArgs, { setTop: true });