@syncfusion/ej2-treegrid 27.1.53 → 27.1.56

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

@@ -1535,7 +1535,7 @@ class Render {
                 parentData[this.parent.expandStateMapping]) || this.parent.enableCollapseAll)) ||
                 !getExpandStatus(this.parent, args.data, this.parent.grid.getCurrentViewRecords());
             if (collapsed && !isNullOrUndefined(args.row)) {
-                args.row.style.display = 'none';
+                this.parent['toggleRowVisibility'](args.row, 'e-childrow-hidden');
                 const rowsObj = this.parent.grid.getRowsObject();
                 if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
                     rowsObj.filter((e) => e.uid === args.row.getAttribute('data-uid'))[0].visible = false;
@@ -1548,8 +1548,8 @@ class Render {
                 return getValue(proxy.idMapping, rec) === getValue(proxy.parentIdMapping, data);
             });
             if (parentrec.length > 0 && !parentrec[0].isSummaryRow && !isNullOrUndefined(args.row)) {
-                const display = parentrec[0].expanded ? 'table-row' : 'none';
-                args.row.setAttribute('style', 'display: ' + display + ';');
+                const display = parentrec[0].expanded ? 'e-childrow-visible' : 'e-childrow-hidden';
+                this.parent['toggleRowVisibility'](args.row, display);
             }
         }
         //addClass([args.row], 'e-gridrowindex' + index + 'level' + (<ITreeData>args.data).level);
@@ -1566,7 +1566,7 @@ class Render {
             }
             if (this.parent.enableCollapseAll && this.parent.initialRender) {
                 if (!isNullOrUndefined(data.parentItem)) {
-                    args.row.style.display = 'none';
+                    this.parent['toggleRowVisibility'](args.row, 'e-childrow-hidden');
                 }
             }
         }
@@ -2181,7 +2181,7 @@ class DataManipulation {
                 rowDetails.record.expanded = true;
             }
             for (let i = 0; i < rowDetails.rows.length; i++) {
-                rowDetails.rows[parseInt(i.toString(), 10)].style.display = 'table-row';
+                this.parent['toggleRowVisibility'](rowDetails.rows[parseInt(i.toString(), 10)], 'e-childrow-visible');
                 if (!this.parent.loadChildOnDemand) {
                     const targetEle = rowDetails.rows[parseInt(i.toString(), 10)].getElementsByClassName('e-treegridcollapse')[0];
                     childRecord = this.parent.rowTemplate ?
@@ -3865,7 +3865,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     findnextRowElement(summaryRowElement) {
         let rowElement = summaryRowElement.nextElementSibling;
         if (rowElement !== null && (rowElement.className.indexOf('e-summaryrow') !== -1 ||
-            rowElement.style.display === 'none')) {
+            rowElement.classList.contains('e-childrow-hidden'))) {
             rowElement = this.findnextRowElement(rowElement);
         }
         return rowElement;
@@ -3874,7 +3874,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
     findPreviousRowElement(summaryRowElement) {
         let rowElement = summaryRowElement.previousElementSibling;
         if (rowElement !== null && (rowElement.className.indexOf('e-summaryrow') !== -1 ||
-            rowElement.style.display === 'none')) {
+            rowElement.classList.contains('e-childrow-hidden'))) {
             rowElement = this.findPreviousRowElement(rowElement);
         }
         return rowElement;
@@ -6775,7 +6775,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         else {
             let displayAction;
             if (action === 'expand') {
-                displayAction = 'table-row';
+                displayAction = 'e-childrow-visible';
                 if (!isChild) {
                     record.expanded = true;
                     this.uniqueIDCollection[record.uniqueID].expanded = record.expanded;
@@ -6796,7 +6796,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 removeClass([targetEle], 'e-treegridcollapse');
             }
             else {
-                displayAction = 'none';
+                displayAction = 'e-childrow-hidden';
                 if (!isChild || isCountRequired(this)) {
                     record.expanded = false;
                     this.uniqueIDCollection[record.uniqueID].expanded = record.expanded;
@@ -6992,7 +6992,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             const rows = this.getContentTable().rows;
             gridRows = [].slice.call(rows);
         }
-        const displayAction = (action === 'expand') ? 'table-row' : 'none';
+        const displayAction = (action === 'expand') ? 'e-childrow-visible' : 'e-childrow-hidden';
         const primaryKeyField = this.getPrimaryKeyFieldNames()[0];
         if (this.enableImmutableMode && !this.allowPaging) {
             rows = [];
@@ -7024,11 +7024,11 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         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[parseInt(i.toString(), 10)])) {
-                rows[parseInt(i.toString(), 10)].style.display = displayAction;
+                this.toggleRowVisibility(rows[parseInt(i.toString(), 10)], displayAction);
             }
             if (!isNullOrUndefined(rows[parseInt(i.toString(), 10)]) && !this.allowPaging && !(this.enableVirtualization
                 || this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
-                gridRowsObject[rows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'none' ? true : false;
+                gridRowsObject[rows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'e-childrow-hidden' ? true : false;
                 const parentRecord = currentViewData.filter((e) => {
                     return e.uniqueID === currentRecord[0].parentUniqueID;
                 });
@@ -7037,10 +7037,10 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
                 }
             }
             if (!isNullOrUndefined(movableRows)) {
-                movableRows[parseInt(i.toString(), 10)].style.display = displayAction;
+                this.toggleRowVisibility(movableRows[parseInt(i.toString(), 10)], displayAction);
             }
             if (!isNullOrUndefined(freezeRightRows)) {
-                freezeRightRows[parseInt(i.toString(), 10)].style.display = displayAction;
+                this.toggleRowVisibility(freezeRightRows[parseInt(i.toString(), 10)], displayAction);
             }
             this.notify('childRowExpand', { row: rows[parseInt(i.toString(), 10)] });
             if ((!isNullOrUndefined(childRecords[parseInt(i.toString(), 10)].childRecords) && childRecords[parseInt(i.toString(), 10)].childRecords.length > 0) && (action !== 'expand' ||
@@ -7054,8 +7054,8 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
         for (let i = 0; i < detailrows.length; i++) {
             if (!isNullOrUndefined(detailrows[parseInt(i.toString(), 10)]) && !this.allowPaging && !(this.enableVirtualization ||
                 this.enableInfiniteScrolling || isRemoteData(this) || isCountRequired(this))) {
-                gridRowsObject[detailrows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'none' ? true : false;
-                detailrows[parseInt(i.toString(), 10)].style.display = displayAction;
+                gridRowsObject[detailrows[parseInt(i.toString(), 10)].rowIndex].visible = displayAction !== 'e-childrow-hidden' ? true : false;
+                this.toggleRowVisibility(detailrows[parseInt(i.toString(), 10)], displayAction);
             }
         }
         if (!this.allowPaging && !(this.enableVirtualization || this.enableInfiniteScrolling || isRemoteData(this)
@@ -7063,12 +7063,18 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             this.grid.notify('refresh-Expand-and-Collapse', { rows: this.grid.getRowsObject() });
         }
     }
+    toggleRowVisibility(row, displayAction) {
+        if (row) {
+            row.classList.remove('e-childrow-hidden', 'e-childrow-visible');
+            row.classList.add(displayAction);
+        }
+    }
     updateAltRow(rows) {
         if (this.enableAltRow && !this.rowTemplate) {
             let visibleRowCount = 0;
             for (let i = 0; rows && i < rows.length; i++) {
                 const gridRow = rows[parseInt(i.toString(), 10)];
-                if (gridRow.style.display !== 'none') {
+                if (!gridRow.classList.contains('e-childrow-hidden')) {
                     if (gridRow.classList.contains('e-altrow')) {
                         removeClass([gridRow], 'e-altrow');
                     }
@@ -7110,15 +7116,15 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
             rightrows = this.getRows().filter((r) => r.querySelector('.e-gridrowindex' + rowDetails.record.index + 'level' + (rowDetails.record.level + 1)));
         }
         for (let i = 0; i < rows.length; i++) {
-            rows[parseInt(i.toString(), 10)].style.display = 'none';
+            this.toggleRowVisibility(rows[parseInt(i.toString(), 10)], 'e-childrow-hidden');
             row = rows[parseInt(i.toString(), 10)];
             const collapsingTd = rows[parseInt(i.toString(), 10)].querySelector('.e-detailrowexpand');
             if (!isNullOrUndefined(collapsingTd)) {
                 this.grid.detailRowModule.collapse(collapsingTd);
             }
             if (freeze) {
-                movablerows[parseInt(i.toString(), 10)].style.display = 'none';
-                rightrows[parseInt(i.toString(), 10)].style.display = 'none';
+                this.toggleRowVisibility(movablerows[parseInt(i.toString(), 10)], 'e-childrow-hidden');
+                this.toggleRowVisibility(rightrows[parseInt(i.toString(), 10)], 'e-childrow-hidden');
                 if (!rows[parseInt(i.toString(), 10)].querySelector('.e-treecolumn-container .e-treegridexpand')) {
                     if (movablerows[parseInt(i.toString(), 10)].querySelector('.e-treecolumn-container .e-treegridexpand')) {
                         row = movablerows[parseInt(i.toString(), 10)];
@@ -7269,6 +7275,7 @@ let TreeGrid = TreeGrid_1 = class TreeGrid extends Component {
      * @returns {void}
      */
     clearSelection() {
+        this.grid.selectionModule['actualTarget'] = null;
         this.grid.clearSelection();
     }
     /**
@@ -12840,7 +12847,7 @@ class DetailRow {
             return;
         }
         for (let i = 0; i < args.detailrows.length; i++) {
-            args.detailrows[parseInt(i.toString(), 10)].style.display = args.action;
+            this.parent['toggleRowVisibility'](args.detailrows[parseInt(i.toString(), 10)], args.action);
         }
     }
     detaildataBound(args) {
@@ -13840,11 +13847,11 @@ class Freeze {
             if (!isNullOrUndefined(movableRows) && row.parentElement.firstElementChild.clientHeight > 0) {
                 row.style.height = row.parentElement.firstElementChild.clientHeight + 'px';
             }
-            row.style.display = args.action;
+            this.parent['toggleRowVisibility'](row, args.action);
             if (freeze && frozenRightRows.length) {
-                frozenRightRows[parseInt(i.toString(), 10)].style.display = args.action;
+                this.parent['toggleRowVisibility'](frozenRightRows[parseInt(i.toString(), 10)], args.action);
             }
-            const queryselector = args.action === 'none' ? '.e-treecolumn-container .e-treegridcollapse'
+            const queryselector = args.action === 'e-childrow-hidden' ? '.e-treecolumn-container .e-treegridcollapse'
                 : '.e-treecolumn-container .e-treegridexpand';
             if (frozenrows[row.rowIndex].querySelector(queryselector)) {
                 const cRow = [];