@syncfusion/ej2-treegrid 25.1.35 → 25.1.38

package/src/treegrid/base/treegrid.d.ts

@@ -656,14 +656,14 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * This helps to load large dataset in TreeGrid.
      *
      * @default false
-
+     * @deprecated
      */
     enableInfiniteScrolling: boolean;
     /**
      * Configures the infinite scroll settings.
      *
      * @default { enableCache: false, maxBlocks: 5, initialBlocks: 5 }
-
+     * @deprecated
      */
     infiniteScrollSettings: InfiniteScrollSettingsModel;
     /**
@@ -790,7 +790,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Invoke the done method from the argument to start render after edit operation.
      *
      * @event dataSourceChanged
-
+     * @deprecated
      */
     dataSourceChanged: EmitType<DataSourceChangedEventArgs>;
     /**
@@ -798,7 +798,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * In this event,the current view data and total record count should be assigned to the `dataSource` based on the action performed.
      *
      * @event dataStateChange
-
+     * @deprecated
      */
     dataStateChange: EmitType<DataStateChangeEventArgs>;
     /**
@@ -850,7 +850,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before deselecting the selected row.
      *
      * @event rowSelected
-
+     * @deprecated
      */
     rowDeselecting: EmitType<RowDeselectEventArgs>;
     /**
@@ -875,7 +875,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before column menu opens.
      *
      * @event columnMenuOpen
-
+     * @deprecated
      */
     columnMenuOpen: EmitType<ColumnMenuOpenEventArgs>;
     /**
@@ -894,77 +894,77 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before the selected cell is deselecting.
      *
      * @event cellDeselecting
-
+     * @deprecated
      */
     cellDeselecting: EmitType<CellDeselectEventArgs>;
     /**
      * Triggers when a particular selected cell is deselected.
      *
      * @event cellDeselected
-
+     * @deprecated
      */
     cellDeselected: EmitType<CellDeselectEventArgs>;
     /**
      * Triggers when column resize starts.
      *
      * @event resizeStart
-
+     * @deprecated
      */
     resizeStart: EmitType<ResizeArgs>;
     /**
      * Triggers on column resizing.
      *
      * @event resizing
-
+     * @deprecated
      */
     resizing: EmitType<ResizeArgs>;
     /**
      * Triggers when column resize ends.
      *
      * @event resizeStop
-
+     * @deprecated
      */
     resizeStop: EmitType<ResizeArgs>;
     /**
      * Triggers when column header element drag (move) starts.
      *
      * @event columnDragStart
-
+     * @deprecated
      */
     columnDragStart: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers when column header element is dragged (moved) continuously.
      *
      * @event columnDrag
-
+     * @deprecated
      */
     columnDrag: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers when a column header element is dropped on the target column.
      *
      * @event columnDrop
-
+     * @deprecated
      */
     columnDrop: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers when the check box state change in checkbox column.
      *
      * @event checkboxChange
-
+     * @deprecated
      */
     checkboxChange: EmitType<CheckBoxChangeEventArgs>;
     /**
      * Triggers after print action is completed.
      *
      * @event printComplete
-
+     * @deprecated
      */
     printComplete: EmitType<PrintEventArgs>;
     /**
      * Triggers before the print action starts.
      *
      * @event beforePrint
-
+     * @deprecated
      */
     beforePrint: EmitType<PrintEventArgs>;
     /**
@@ -983,7 +983,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before context menu opens.
      *
      * @event contextMenuOpen
-
+     * @deprecated
      */
     contextMenuOpen: EmitType<BeforeOpenCloseMenuEventArgs>;
     /**
@@ -996,42 +996,42 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before TreeGrid copy action.
      *
      * @event beforeCopy
-
+     * @deprecated
      */
     beforeCopy: EmitType<BeforeCopyEventArgs>;
     /**
      * Triggers before TreeGrid paste action.
      *
      * @event beforePaste
-
+     * @deprecated
      */
     beforePaste: EmitType<BeforePasteEventArgs>;
     /**
      * Triggers when row elements are dragged (moved) continuously.
      *
      * @event rowDrag
-
+     * @deprecated
      */
     rowDrag: EmitType<RowDragEventArgs>;
     /**
      * Triggers when row element’s drag(move) starts.
      *
      * @event rowDragStart
-
+     * @deprecated
      */
     rowDragStart: EmitType<RowDragEventArgs>;
     /**
      * Triggers when row element’s before drag(move).
      *
      * @event rowDragStartHelper
-
+     * @deprecated
      */
     rowDragStartHelper: EmitType<RowDragEventArgs>;
     /**
      * Triggers when row elements are dropped on the target row.
      *
      * @event rowDrop
-
+     * @deprecated
      */
     rowDrop: EmitType<RowDragEventArgs>;
     /**
@@ -1068,7 +1068,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * You can also customize the PDF cells.
      *
      * @event pdfQueryCellInfo
-
+     * @deprecated
      */
     pdfQueryCellInfo: EmitType<PdfQueryCellInfoEventArgs>;
     /**
@@ -1076,7 +1076,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * You can also customize the PDF cells.
      *
      * @event pdfHeaderQueryCellInfo
-
+     * @deprecated
      */
     pdfHeaderQueryCellInfo: EmitType<PdfHeaderQueryCellInfoEventArgs>;
     /**
@@ -1084,7 +1084,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * You can also customize the Excel cells.
      *
      * @event excelQueryCellInfo
-
+     * @deprecated
      */
     excelQueryCellInfo: EmitType<ExcelQueryCellInfoEventArgs>;
     /**
@@ -1092,7 +1092,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * You can also customize the Excel cells.
      *
      * @event excelHeaderQueryCellInfo
-
+     * @deprecated
      */
     excelHeaderQueryCellInfo: EmitType<ExcelHeaderQueryCellInfoEventArgs>;
     /**
@@ -1105,7 +1105,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers after TreeGrid data is exported to Excel file.
      *
      * @event excelExportComplete
-
+     * @deprecated
      */
     excelExportComplete: EmitType<ExcelExportCompleteArgs>;
     /**
@@ -1118,7 +1118,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers after TreeGrid data is exported to PDF document.
      *
      * @event pdfExportComplete
-
+     * @deprecated
      */
     pdfExportComplete: EmitType<PdfExportCompleteArgs>;
     /**
@@ -1645,6 +1645,9 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     getContent(): Element;
     private mergePersistTreeGridData;
     private mergeColumns;
+    private setFrozenCount;
+    private splitFrozenCount;
+    private isFrozenGrid;
     private updateTreeGridModel;
     /**
      * Gets the content table of the TreeGrid.
@@ -1969,7 +1972,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} - Returns movable cell element from the indexes passed
      *
-
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     getMovableCellFromIndex(rowIndex: number, columnIndex: number): Element;
     /**
@@ -1977,7 +1980,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @returns {Element[]} - Returns element collection of movable rows
      *
-
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     getMovableDataRows(): Element[];
     /**
@@ -1986,14 +1989,14 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the row index.
      * @returns {Element} - Returns movable row based on index passed
      *
-
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     getMovableRowByIndex(index: number): Element;
     /**
      * Gets the TreeGrid's movable content rows from frozen treegrid.
      *
      * @returns {Element[]}: Returns movable row element
-
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     getMovableRows(): Element[];
     /**
@@ -2002,7 +2005,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the row index.
      * @returns {Element} returns the element
      *
-
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     getFrozenRightRowByIndex(index: number): Element;
     /**
@@ -2010,7 +2013,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @returns {Element[]} returns the element
      *
-
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     getFrozenRightRows(): Element[];
     /**
@@ -2018,7 +2021,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @returns {Element[]} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     getFrozenRightDataRows(): Element[];
     /**
@@ -2028,7 +2031,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     getFrozenRightCellFromIndex(rowIndex: number, columnIndex: number): Element;
     /**
@@ -2037,7 +2040,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     getFrozenLeftColumnHeaderByIndex(index: number): Element;
     /**
@@ -2046,7 +2049,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     getFrozenRightColumnHeaderByIndex(index: number): Element;
     /**
@@ -2055,7 +2058,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     getMovableColumnHeaderByIndex(index: number): Element;
     /**

package/src/treegrid/base/treegrid.js

@@ -779,7 +779,9 @@ var TreeGrid = /** @class */ (function (_super) {
         var gridContent = this.element.getElementsByClassName('e-gridcontent')[0].childNodes[0];
         gridContent.setAttribute('tabindex', '0');
         var contentTable = this.element.getElementsByClassName('e-content')[0].querySelector('.e-table');
-        contentTable.setAttribute('role', 'treegrid');
+        if (!isNullOrUndefined(contentTable)) {
+            contentTable.setAttribute('role', 'treegrid');
+        }
         if (this.isIndentEnabled) {
             this.refreshToolbarItems();
         }
@@ -2503,6 +2505,17 @@ var TreeGrid = /** @class */ (function (_super) {
         var persist2 = 'mergeColumns';
         this.grid["" + persist2].apply(this, [storedColumn, columns]);
     };
+    TreeGrid.prototype.setFrozenCount = function () {
+        var persist3 = 'setFrozenCount';
+        this.grid["" + persist3].apply(this);
+    };
+    TreeGrid.prototype.splitFrozenCount = function (columns) {
+        var persist4 = 'splitFrozenCount';
+        this.grid["" + persist4].apply(this, [columns]);
+    };
+    TreeGrid.prototype.isFrozenGrid = function () {
+        return this.grid.isFrozenGrid();
+    };
     TreeGrid.prototype.updateTreeGridModel = function () {
         this.setProperties({ filterSettings: getObject('properties', this.grid.filterSettings) }, true);
         this.setProperties({ pageSettings: getObject('properties', this.grid.pageSettings) }, true);
@@ -3772,7 +3785,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} - Returns movable cell element from the indexes passed
      *
-
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     TreeGrid.prototype.getMovableCellFromIndex = function (rowIndex, columnIndex) {
         return this.grid.getCellFromIndex(rowIndex, columnIndex);
@@ -3782,7 +3795,7 @@ var TreeGrid = /** @class */ (function (_super) {
      *
      * @returns {Element[]} - Returns element collection of movable rows
      *
-
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     TreeGrid.prototype.getMovableDataRows = function () {
         return this.grid.getDataRows();
@@ -3793,7 +3806,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the row index.
      * @returns {Element} - Returns movable row based on index passed
      *
-
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     TreeGrid.prototype.getMovableRowByIndex = function (index) {
         return this.grid.getRowByIndex(index);
@@ -3802,7 +3815,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * Gets the TreeGrid's movable content rows from frozen treegrid.
      *
      * @returns {Element[]}: Returns movable row element
-
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     TreeGrid.prototype.getMovableRows = function () {
         return this.grid.getRows();
@@ -3813,7 +3826,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the row index.
      * @returns {Element} returns the element
      *
-
+     * @deprecated This method is deprecated. Use getRowByIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightRowByIndex = function (index) {
         return this.grid.getRowByIndex(index);
@@ -3823,7 +3836,7 @@ var TreeGrid = /** @class */ (function (_super) {
      *
      * @returns {Element[]} returns the element
      *
-
+     * @deprecated This method is deprecated. Use getRows method instead.
      */
     TreeGrid.prototype.getFrozenRightRows = function () {
         return this.grid.getRows();
@@ -3833,7 +3846,7 @@ var TreeGrid = /** @class */ (function (_super) {
      *
      * @returns {Element[]} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getDataRows method instead.
      */
     TreeGrid.prototype.getFrozenRightDataRows = function () {
         return this.grid.getDataRows();
@@ -3845,7 +3858,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getCellFromIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightCellFromIndex = function (rowIndex, columnIndex) {
         return this.grid.getCellFromIndex(rowIndex, columnIndex);
@@ -3856,7 +3869,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getFrozenLeftColumnHeaderByIndex = function (index) {
         return this.grid.getColumnHeaderByIndex(index);
@@ -3867,7 +3880,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getFrozenRightColumnHeaderByIndex = function (index) {
         return this.grid.getColumnHeaderByIndex(index);
@@ -3878,7 +3891,7 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
      *
-
+     * @deprecated This method is deprecated. Use getColumnHeaderByIndex method instead.
      */
     TreeGrid.prototype.getMovableColumnHeaderByIndex = function (index) {
         return this.grid.getColumnHeaderByIndex(index);

package/src/treegrid/renderer/render.js

@@ -259,7 +259,9 @@ var Render = /** @class */ (function () {
         this.parent['args'] = args;
         var columnModel = getValue('columnModel', this.parent);
         var treeColumn = columnModel[this.parent.treeColumnIndex];
-        if ((isNullOrUndefined(this.parent.rowTemplate) && !(this.parent.isReact))) {
+        if ((isNullOrUndefined(this.parent.rowTemplate) && !(this.parent.isReact))
+            || ((this.parent.isReact) &&
+                !args.column['template'])) {
             this.parent.trigger(events.queryCellInfo, args);
         }
         else if (((this.parent.isReact) &&
@@ -346,17 +348,20 @@ var Render = /** @class */ (function () {
                 var cells = 'cells';
                 var rowIdx = 'index';
                 var rowsObj = _this.parent.grid.getRowsObject();
+                var rows = _this.parent.getDataRows();
                 var indent = _this.parent.grid.getIndentCount();
                 var cellIndex = _this.parent.grid.getNormalizedColumnIndex(columnUid);
-                for (var j = 0; j < rowsObj.length; j++) {
-                    if (rowsObj[parseInt(j.toString(), 10)].isDataRow && !isNullOrUndefined(rowsObj[parseInt(j.toString(), 10)].index)) {
-                        var cell = rowsObj[parseInt(j.toString(), 10)]["" + cells][parseInt(cellIndex.toString(), 10)];
-                        var cellRenderer = new CellRenderer(_this.parent.grid, _this.parent.grid.serviceLocator);
-                        var td = _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent);
-                        cellRenderer.refreshTD(td, cell, rowsObj[parseInt(j.toString(), 10)].data, { index: rowsObj[parseInt(j.toString(), 10)]["" + rowIdx] });
-                        var treecell = _this.parent.getRows()[parseInt(j.toString(), 10)]
-                            .cells[parseInt(cellIndex.toString(), 10)];
-                        _this.cellRender({ data: rowsObj[parseInt(j.toString(), 10)].data, cell: treecell, column: cell.column });
+                if (rows.length !== 0) {
+                    for (var j = 0; j < rowsObj.length; j++) {
+                        if (rowsObj[parseInt(j.toString(), 10)].isDataRow && !isNullOrUndefined(rowsObj[parseInt(j.toString(), 10)].index)) {
+                            var cell = rowsObj[parseInt(j.toString(), 10)]["" + cells][parseInt(cellIndex.toString(), 10)];
+                            var cellRenderer = new CellRenderer(_this.parent.grid, _this.parent.grid.serviceLocator);
+                            var td = _this.parent.getCellFromIndex(rowsObj[parseInt(j.toString(), 10)].index, cellIndex - indent);
+                            cellRenderer.refreshTD(td, cell, rowsObj[parseInt(j.toString(), 10)].data, { index: rowsObj[parseInt(j.toString(), 10)]["" + rowIdx] });
+                            var treecell = _this.parent.getRows()[parseInt(j.toString(), 10)]
+                                .cells[parseInt(cellIndex.toString(), 10)];
+                            _this.cellRender({ data: rowsObj[parseInt(j.toString(), 10)].data, cell: treecell, column: cell.column });
+                        }
                     }
                 }
             });

package/styles/material3-dark.scss

@@ -1,3 +1,3 @@
 
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 @import 'treegrid/material3-dark.scss';

package/styles/material3.scss

@@ -1,3 +1,3 @@
 
-
+@import 'ej2-base/styles/definition/material3.scss';
 @import 'treegrid/material3.scss';

package/styles/treegrid/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/material3-dark-definition.scss';

package/styles/treegrid/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'ej2-inputs/styles/input/material3-definition.scss';
 @import 'ej2-inputs/styles/numerictextbox/material3-definition.scss';