@syncfusion/ej2-treegrid 20.2.46 → 20.2.49

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

@@ -1065,6 +1065,8 @@ class Selection {
     headerSelection(checkAll) {
         let index = -1;
         let length = 0;
+        //This property used to maintain the check state of the currentview data after clear filtering
+        let multiFilterCheckState = false;
         if (!isNullOrUndefined(this.parent.filterModule) && this.parent.filterModule.filteredResult.length > 0) {
             const filterResult = this.parent.filterModule.filteredResult;
             if (this.filteredList.length === 0) {
@@ -1073,6 +1075,10 @@ class Selection {
             else {
                 if (this.filteredList !== filterResult) {
                     this.filteredList = filterResult;
+                    multiFilterCheckState = true;
+                }
+                else {
+                    multiFilterCheckState = false;
                 }
             }
         }
@@ -1091,6 +1097,9 @@ class Selection {
                     if (data[i].checkboxState === 'check') {
                         continue;
                     }
+                    if (multiFilterCheckState) {
+                        continue;
+                    }
                     data[i].checkboxState = 'check';
                     this.updateSelectedItems(data[i], data[i].checkboxState);
                 }
@@ -4058,6 +4067,19 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             if (args.requestType === 'save' && this.aggregates.map((ag) => ag.showChildSummary === true).length) {
                 this.grid.refresh();
             }
+            if (args.action === 'filter') {
+                if (this.filterModule['currentFilterObject'] !== '' && this.enableVirtualization && !this.initialRender) {
+                    this.expandAll();
+                }
+            }
+            if (args.requestType === 'searching') {
+                if (this.searchSettings.key !== '' && this.enableVirtualization && !this.initialRender) {
+                    this.expandAll();
+                }
+            }
+            if (args.action === 'clearFilter' && this.enableCollapseAll) {
+                this.collapseAll();
+            }
             if (this.action === 'indenting' || this.action === 'outdenting') {
                 this.action = this.action === 'indenting' ? 'indented' : 'outdented';
                 const selectedItem = [this.selectedRecords];
@@ -8557,10 +8579,6 @@ class Filter$1 {
                     }
                 }
                 else {
-                    if ((!this.parent.enableCollapseAll || !this.parent.initialRender && isNullOrUndefined(this.parent['dataResults']['result']))
-                        && parent['expanded'] === false && this.parent.getVisibleRecords().indexOf(record) === -1) {
-                        this.parent.expandRow(this.parent.getRows()[parent['index']], parent);
-                    }
                     this.addParentRecord(parent);
                 }
             }
@@ -9231,53 +9249,55 @@ class Toolbar$1 {
         this.parent.off(toolbarClick, this.toolbarClickHandler);
     }
     refreshToolbar(args) {
-        const tObj = this.parent;
-        let indentElement;
-        let outdentElement;
-        const indentID = tObj.element.id + '_gridcontrol_indent';
-        const outdentID = tObj.element.id + '_gridcontrol_outdent';
         const toolbarElement = this.parent.grid.toolbarModule.getToolbar();
-        const indentEle = toolbarElement.querySelector('#' + indentID);
-        const outdentEle = toolbarElement.querySelector('#' + outdentID);
-        let row = args.row;
-        const selectedrow = tObj.getSelectedRows()[0];
-        if (!isNullOrUndefined(row[0])) {
-            row = row[0];
-        }
-        row = (!isNullOrUndefined(selectedrow) && selectedrow.rowIndex !== row.rowIndex) ? selectedrow : row;
-        if (indentEle !== null && outdentEle !== null) {
-            indentElement = toolbarElement.querySelector('#' + indentID).parentElement;
-            outdentElement = toolbarElement.querySelector('#' + outdentID).parentElement;
-            if (row.rowIndex === 0 || tObj.getSelectedRowIndexes().length > 1) {
-                indentElement.classList.add('e-hidden');
-                outdentElement.classList.add('e-hidden');
-            }
-            else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
-                const selectedItem = tObj.getCurrentViewRecords()[row.rowIndex];
-                if (!isNullOrUndefined(selectedItem)) {
-                    if ((selectedItem.level > tObj.getCurrentViewRecords()[row.rowIndex - 1].level)) {
-                        indentElement.classList.add('e-hidden');
-                    }
-                    else {
-                        indentElement.classList.remove('e-hidden');
+        if (!isNullOrUndefined(toolbarElement)) {
+            const tObj = this.parent;
+            let indentElement;
+            let outdentElement;
+            const indentID = tObj.element.id + '_gridcontrol_indent';
+            const outdentID = tObj.element.id + '_gridcontrol_outdent';
+            const indentEle = toolbarElement.querySelector('#' + indentID);
+            const outdentEle = toolbarElement.querySelector('#' + outdentID);
+            let row = args.row;
+            const selectedrow = tObj.getSelectedRows()[0];
+            if (!isNullOrUndefined(row[0])) {
+                row = row[0];
+            }
+            row = (!isNullOrUndefined(selectedrow) && selectedrow.rowIndex !== row.rowIndex) ? selectedrow : row;
+            if (indentEle !== null && outdentEle !== null) {
+                indentElement = toolbarElement.querySelector('#' + indentID).parentElement;
+                outdentElement = toolbarElement.querySelector('#' + outdentID).parentElement;
+                if (row.rowIndex === 0 || tObj.getSelectedRowIndexes().length > 1) {
+                    indentElement.classList.add('e-hidden');
+                    outdentElement.classList.add('e-hidden');
+                }
+                else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
+                    const selectedItem = tObj.getCurrentViewRecords()[row.rowIndex];
+                    if (!isNullOrUndefined(selectedItem)) {
+                        if ((selectedItem.level > tObj.getCurrentViewRecords()[row.rowIndex - 1].level)) {
+                            indentElement.classList.add('e-hidden');
+                        }
+                        else {
+                            indentElement.classList.remove('e-hidden');
+                        }
+                        if (selectedItem.level === tObj.getCurrentViewRecords()[row.rowIndex - 1].level) {
+                            indentElement.classList.remove('e-hidden');
+                        }
+                        if (selectedItem.level === 0) {
+                            outdentElement.classList.add('e-hidden');
+                        }
+                        if (selectedItem.level !== 0) {
+                            outdentElement.classList.remove('e-hidden');
+                        }
                     }
-                    if (selectedItem.level === tObj.getCurrentViewRecords()[row.rowIndex - 1].level) {
-                        indentElement.classList.remove('e-hidden');
+                }
+                if (args['name'] === 'rowDeselected' && isNullOrUndefined(selectedrow) && !tObj.grid.isCheckBoxSelection) {
+                    if (this.parent.toolbar['includes']('Indent')) {
+                        indentElement.classList.add('e-hidden');
                     }
-                    if (selectedItem.level === 0) {
+                    if (this.parent.toolbar['includes']('Outdent')) {
                         outdentElement.classList.add('e-hidden');
                     }
-                    if (selectedItem.level !== 0) {
-                        outdentElement.classList.remove('e-hidden');
-                    }
-                }
-            }
-            if (args['name'] === 'rowDeselected' && isNullOrUndefined(selectedrow) && !tObj.grid.isCheckBoxSelection) {
-                if (this.parent.toolbar['includes']('Indent')) {
-                    indentElement.classList.add('e-hidden');
-                }
-                if (this.parent.toolbar['includes']('Outdent')) {
-                    outdentElement.classList.add('e-hidden');
                 }
             }
         }