@syncfusion/ej2-treegrid 20.3.58 → 20.3.60

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

@@ -1239,9 +1239,9 @@ class Selection {
         if (recordIndex > -1) {
             if (!isNullOrUndefined(checkbox)) {
                 checkbox.classList.add(checkBoxclass);
-                let chkstate = checkState == 'check' ? 'checked' : checkState == 'uncheck' ? 'unchecked' : 'mixed';
-                tr.querySelector('.e-treecheckselect').setAttribute("aria-checked", checkState == 'check' ? 'true' : checkState == 'uncheck' ? 'false' : 'mixed');
-                tr.querySelector('.e-frame').setAttribute("title", "checkbox" + chkstate);
+                const chkstate = checkState === 'check' ? 'checked' : checkState === 'uncheck' ? 'unchecked' : 'mixed';
+                tr.querySelector('.e-treecheckselect').setAttribute('aria-checked', checkState === 'check' ? 'true' : checkState === 'uncheck' ? 'false' : 'mixed');
+                tr.querySelector('.e-frame').setAttribute('title', 'checkbox' + chkstate);
             }
         }
     }
@@ -1568,7 +1568,7 @@ class Render {
             }
             if (iconRequired) {
                 addClass([args.cell], 'e-treerowcell');
-                args.cell.setAttribute("aria-expanded", data.expanded ? "true" : "false");
+                args.cell.setAttribute('aria-expanded', data.expanded ? 'true' : 'false');
                 const expandIcon = createElement('span', { className: 'e-icons' });
                 let expand;
                 if (this.parent.initialRender) {
@@ -3749,7 +3749,8 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     }
     IsExpandCollapseClicked(args) {
         if (!isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
-            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))) {
+            || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))
+            && (!isNullOrUndefined(args.data) && args.data['hasChildRecords'])) {
             args.cancel = true;
             return;
         }
@@ -4407,7 +4408,9 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         }
         let treeGridColumn;
         let gridColumn;
-        index = index === 0 ? -1 : index;
+        if (this.columnModel.length == 0) {
+            index = index === 0 ? -1 : index;
+        }
         const gridColumnCollection = [];
         for (let i = 0; i < column.length; i++) {
             index = index + 1;
@@ -5885,7 +5888,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 }
                 removeClass([targetEle], 'e-treegridexpand');
             }
-            row.querySelectorAll('.e-treerowcell')[0].setAttribute("aria-expanded", action == 'expand' ? 'true' : 'false');
+            row.querySelectorAll('.e-treerowcell')[0].setAttribute('aria-expanded', action === 'expand' ? 'true' : 'false');
             const detailrows = gridRows.filter((r) => r.classList.contains('e-griddetailrowindex' + record.index + 'level' + (record.level + 1)));
             if (isRemoteData(this) && !isOffline(this)) {
                 this.remoteExpand(action, row, record);
@@ -6067,10 +6070,23 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         if (freeze) {
             freezeRightRows = this.getFrozenRightRows().filter((r) => r.querySelector('.e-gridrowindex' + record.index + 'level' + (record.level + 1)));
         }
+        let gridRowsObject = this.grid.getRowsObject();
+        if (gridRowsObject[record.index].visible !== false) {
+            gridRowsObject[record.index].visible = true;
+        }
+        const detailrows = gridRows.filter((r) => r.classList.contains('e-griddetailrowindex' + record.index + 'level' + (record.level + 1)));
         for (let i = 0; i < rows.length; i++) {
             if (!isNullOrUndefined(rows[i])) {
                 rows[i].style.display = displayAction;
             }
+            if (!isNullOrUndefined(rows[i]) && !this.allowPaging && !(this.enableVirtualization || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
+                gridRowsObject[rows[i].rowIndex].visible = displayAction != 'none' ? true : false;
+                if ("parentItem" in record) {
+                    if (gridRows[record.parentItem.index].getElementsByClassName('e-treegridcollapse').length) {
+                        gridRowsObject[record.index].visible = false;
+                    }
+                }
+            }
             if (!isNullOrUndefined(movableRows)) {
                 movableRows[i].style.display = displayAction;
             }
@@ -6086,6 +6102,15 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 }
             }
         }
+        for (let i = 0; i < detailrows.length; i++) {
+            if (!isNullOrUndefined(detailrows[i]) && !this.allowPaging && !(this.enableVirtualization || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
+                gridRowsObject[detailrows[i].rowIndex].visible = displayAction != 'none' ? true : false;
+                detailrows[i].style.display = displayAction;
+            }
+        }
+        if (!this.allowPaging && !(this.enableVirtualization || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
+            this.grid.notify('refresh-Expand-and-Collapse', { rows: this.grid.getRowsObject() });
+        }
     }
     updateAltRow(rows) {
         if (this.enableAltRow && !this.rowTemplate) {
@@ -12407,7 +12432,7 @@ class TreeInterSectionObserver extends InterSectionObserver {
         this.lastPos = null;
     }
     virtualScrollHandlers(callback, onEnterCallback, instance) {
-        const delay = Browser.info.name === 'chrome' ? 200 : 100;
+        //const delay: number = Browser.info.name === 'chrome' ? 200 : 100;
         const options = 'options';
         const movableEle = 'movableEle';
         const element = 'element';