@syncfusion/ej2-treegrid 30.2.4 → 31.1.20

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 30.2.4
+*  version : 31.1.20
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-treegrid",
-  "version": "30.2.4",
+  "version": "31.1.20",
   "description": "Essential JS 2 TreeGrid Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,10 +8,10 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-treegrid.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~30.2.4",
-    "@syncfusion/ej2-data": "~30.2.4",
-    "@syncfusion/ej2-grids": "~30.2.4",
-    "@syncfusion/ej2-popups": "~30.2.4"
+    "@syncfusion/ej2-base": "~31.1.20",
+    "@syncfusion/ej2-data": "~31.1.17",
+    "@syncfusion/ej2-grids": "~31.1.20",
+    "@syncfusion/ej2-popups": "~31.1.20"
   },
   "devDependencies": {},
   "keywords": [

package/src/treegrid/actions/context-menu.js

@@ -99,7 +99,9 @@ var ContextMenu = /** @class */ (function () {
                     }
                 }
                 tObj.grid.contextMenuModule.contextMenu.hideItems(tObj.grid.contextMenuModule['hiddenItems']);
-                indent.style.display = outdent.style.display = 'none';
+                if (indent || outdent) {
+                    indent.style.display = outdent.style.display = 'none';
+                }
             }
         }
     };

package/src/treegrid/actions/edit.js

@@ -817,7 +817,7 @@ var Edit = /** @class */ (function () {
             this.addRowRecord = this.parent.flatData[args.index];
             this.addRowIndex = args.index;
         }
-        if (this.parent.editSettings.newRowPosition === 'Child' && this.isIndexUndefined &&
+        if (this.parent.editSettings.newRowPosition === 'Child' && (this.isIndexUndefined || this.isAddedRowByMethod) &&
             !isNullOrUndefined(this.parent.getSelectedRecords()[0])) {
             this.addRowRecord = this.parent.getSelectedRecords()[0];
             this.isIndexUndefined = false;

package/src/treegrid/actions/excel-export.d.ts

@@ -53,6 +53,14 @@ export declare class ExcelExport {
      * @returns {void}
      */
     private excelQueryCellInfo;
+    /**
+     * TreeGrid Excel Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    private excelAggregateCellInfo;
     private exportRowDataBound;
     private finalPageSetup;
     private isLocal;

package/src/treegrid/actions/excel-export.js

@@ -39,6 +39,7 @@ var ExcelExport = /** @class */ (function () {
         this.parent.on('updateResults', this.updateExcelResultModel, this);
         this.parent.on('excelCellInfo', this.excelQueryCellInfo, this);
         this.parent.grid.on('export-RowDataBound', this.exportRowDataBound, this);
+        this.parent.on('excelAggregateCellInfo', this.excelAggregateCellInfo, this);
         this.parent.grid.on('finalPageSetup', this.finalPageSetup, this);
     };
     /**
@@ -61,6 +62,7 @@ var ExcelExport = /** @class */ (function () {
         this.parent.off('updateResults', this.updateExcelResultModel);
         this.parent.off('excelCellInfo', this.excelQueryCellInfo);
         this.parent.grid.off('export-RowDataBound', this.exportRowDataBound);
+        this.parent.off('excelAggregateCellInfo', this.excelAggregateCellInfo);
         this.parent.grid.off('finalPageSetup', this.finalPageSetup);
     };
     ExcelExport.prototype.updateExcelResultModel = function (returnResult) {
@@ -188,6 +190,16 @@ var ExcelExport = /** @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('excelQueryCellInfo', args);
     };
+    /**
+     * TreeGrid Excel Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    ExcelExport.prototype.excelAggregateCellInfo = function (args) {
+        this.parent.trigger('excelAggregateQueryCellInfo', args);
+    };
     ExcelExport.prototype.exportRowDataBound = function (excelRow) {
         if (excelRow.type === 'excel') {
             var excelrowobj = excelRow.rowObj.data;

package/src/treegrid/actions/freeze-column.js

@@ -52,7 +52,7 @@ var Freeze = /** @class */ (function () {
         }
         for (var i = 0; i < rows.length; i++) {
             var row = rows[parseInt(i.toString(), 10)];
-            var rData = this.parent.grid.getRowObjectFromUID(row.getAttribute('data-Uid')).data;
+            var rData = this.parent.grid.getRowObjectFromUID(row.getAttribute('data-uid')).data;
             if (!isNullOrUndefined(movableRows) && row.parentElement.firstElementChild.clientHeight > 0) {
                 row.style.height = row.parentElement.firstElementChild.clientHeight + 'px';
             }

package/src/treegrid/actions/pdf-export.d.ts

@@ -52,4 +52,12 @@ export declare class PdfExport {
      * @returns {void}
      */
     private pdfQueryCellInfo;
+    /**
+     * TreeGrid PDF Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    private pdfAggregateCellInfo;
 }

package/src/treegrid/actions/pdf-export.js

@@ -36,6 +36,7 @@ var PdfExport = /** @class */ (function () {
     PdfExport.prototype.addEventListener = function () {
         this.parent.on('pdfCellInfo', this.pdfQueryCellInfo, this);
         this.parent.on('updateResults', this.updatePdfResultModel, this);
+        this.parent.on('pdfAggregateCellInfo', this.pdfAggregateCellInfo, this);
     };
     /**
      * @hidden
@@ -47,6 +48,7 @@ var PdfExport = /** @class */ (function () {
         }
         this.parent.off('pdfCellInfo', this.pdfQueryCellInfo);
         this.parent.off('updateResults', this.updatePdfResultModel);
+        this.parent.off('pdfAggregateCellInfo', this.pdfAggregateCellInfo);
     };
     /**
      * To destroy the PDF Export
@@ -162,6 +164,16 @@ var PdfExport = /** @class */ (function () {
         this.parent.notify('updateResults', args);
         this.parent.trigger('pdfQueryCellInfo', args);
     };
+    /**
+     * TreeGrid PDF Export Aggregate cell modifier
+     *
+     * @param {AggregateQueryCellInfoEventArgs} args - current cell details
+     * @hidden
+     * @returns {void}
+     */
+    PdfExport.prototype.pdfAggregateCellInfo = function (args) {
+        this.parent.trigger('pdfAggregateQueryCellInfo', args);
+    };
     return PdfExport;
 }());
 export { PdfExport };

package/src/treegrid/actions/rowdragdrop.js

@@ -468,9 +468,18 @@ var RowDD = /** @class */ (function () {
             && !isNullOrUndefined(droppedRecord.taskData)) {
             var keys = Object.keys(temporaryDataSource);
             for (var i = 0; i < keys.length; i++) {
-                if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
-                    droppedRecord.taskData[this.parent.childMapping]) {
-                    indexOfDroppedRecord = i;
+                if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping]) {
+                    if (temporaryDataSource[parseInt(i.toString(), 10)][this.parent.childMapping] ===
+                        droppedRecord.taskData[this.parent.childMapping]) {
+                        indexOfDroppedRecord = i;
+                    }
+                }
+                else {
+                    var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
+                    if (temporaryDataSource[parseInt(i.toString(), 10)]["" + primaryKeyField] ===
+                        droppedRecord.taskData["" + primaryKeyField]) {
+                        indexOfDroppedRecord = i;
+                    }
                 }
             }
             if (!this.parent.idMapping) {

package/src/treegrid/actions/selection.js

@@ -106,7 +106,7 @@ var Selection = /** @class */ (function () {
         var headerCelllength = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv').length;
         for (var j = 0; j < headerCelllength; j++) {
             var headercell = this.parent.getHeaderContent().querySelectorAll('.e-headercelldiv')[parseInt(j.toString(), 10)];
-            if (headercell.getAttribute('e-mappinguid') === mappingUid) {
+            if (headercell.getAttribute('data-mappinguid') === mappingUid) {
                 columnIndex = j;
             }
         }

package/src/treegrid/actions/virtual-scroll.js

@@ -162,8 +162,8 @@ var VirtualScroll = /** @class */ (function () {
                 if (this.setEndIndexToGantt) {
                     this.ganttEndIndex = counts.endIndex;
                 }
-                if ((counts.endIndex + this.parent.pageSettings.pageSize >= counts.count && (this.parent.root && counts.count - this.ganttEndIndex === this.visualData.length - this.parent.root['previousFlatData'].length))
-                    || !(this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
+                if (((counts.endIndex + this.parent.pageSettings.pageSize >= counts.count) &&
+                    (this.parent.root && counts.count !== this.ganttEndIndex) && this.parent['isAddedFromGantt']) || !(this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
                     startIndex = counts.startIndex + (counts.count - counts.endIndex);
                     endIndex = counts.count;
                     this.setEndIndexToGantt = false;

package/src/treegrid/base/data.js

@@ -329,7 +329,7 @@ var DataManipulation = /** @class */ (function () {
                     var targetEle = rowDetails.rows[parseInt(i.toString(), 10)].getElementsByClassName('e-treegridcollapse')[0];
                     childRecord = this.parent.rowTemplate ?
                         this.parent.grid.getCurrentViewRecords()[rowDetails.rows[parseInt(i.toString(), 10)].rowIndex] :
-                        this.parent.grid.getRowObjectFromUID(rowDetails.rows[parseInt(i.toString(), 10)].getAttribute('data-Uid')).data;
+                        this.parent.grid.getRowObjectFromUID(rowDetails.rows[parseInt(i.toString(), 10)].getAttribute('data-uid')).data;
                     if (!isNullOrUndefined(targetEle) && childRecord.expanded) {
                         addClass([targetEle], 'e-treegridexpand');
                         removeClass([targetEle], 'e-treegridcollapse');

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

@@ -1,4 +1,4 @@
-import { Component, addClass, createElement, EventHandler, isNullOrUndefined, ModuleDeclaration, extend, merge, SanitizeHtmlHelper} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';import {Event, Property, NotifyPropertyChanges, INotifyPropertyChanged, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { Column, ColumnModel } from '../models/column';import { BeforeBatchSaveArgs, BeforeBatchAddArgs, BatchDeleteArgs, BeforeBatchDeleteArgs, Row, getNumberFormat } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel, Freeze as FreezeColumn } from '@syncfusion/ej2-grids';import { RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid, parentsUntil } from '@syncfusion/ej2-grids';import { LoadingIndicator } from '../models/loading-indicator';import { LoadingIndicatorModel } from '../models/loading-indicator-model';import { TextAlign } from'@syncfusion/ej2-grids';import { DetailDataBoundEventArgs, ClipMode, ColumnChooser}  from '@syncfusion/ej2-grids';import { SearchEventArgs, AddEventArgs, EditEventArgs, DeleteEventArgs}  from '@syncfusion/ej2-grids';import { SaveEventArgs, CellSaveArgs, BatchAddArgs, BatchCancelArgs,  BeginEditArgs, CellEditArgs}  from '@syncfusion/ej2-grids';import { FilterSettings } from '../models/filter-settings';import { TextWrapSettings } from '../models/textwrap-settings';import { TextWrapSettingsModel } from '../models/textwrap-settings-model';import {Filter} from '../actions/filter';import { Logger as TreeLogger } from '../actions/logger';import { BeforeCopyEventArgs, BeforePasteEventArgs } from '@syncfusion/ej2-grids';import { TreeClipboard } from '../actions/clipboard';import {Aggregate} from '../actions/summary';import { Reorder } from '../actions/reorder';import { Resize } from '../actions/resize';import { Selection as TreeGridSelection } from '../actions/selection';import { ColumnMenu } from '../actions/column-menu';import { DetailRow } from '../actions/detail-row';import { Freeze } from '../actions/freeze-column';import { Print } from '../actions/print';import * as events from '../base/constant';import { FilterSettingsModel } from '../models/filter-settings-model';import { SearchSettings} from '../models/search-settings';import { SearchSettingsModel } from '../models/search-settings-model';import {RowInfo, RowDataBoundEventArgs, PageEventArgs, FilterEventArgs, FailureEventArgs, SortEventArgs } from '@syncfusion/ej2-grids';import { RowSelectingEventArgs, RowSelectEventArgs, RowDeselectingEventArgs, RowDeselectEventArgs, IIndex, ISelectedCell } from '@syncfusion/ej2-grids';import {ColumnModel as GridColumnModel, Column as GridColumn, CellSelectEventArgs, CellDeselectEventArgs } from '@syncfusion/ej2-grids';import { SelectionSettings } from '../models/selection-settings';import { SelectionSettingsModel } from '../models/selection-settings-model';import {getActualProperties, SortDirection, getObject, ColumnDragEventArgs } from '@syncfusion/ej2-grids';import { PrintMode, Data, IGrid, ContextMenuItemModel } from '@syncfusion/ej2-grids';import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';import {BeforeDataBoundArgs} from '@syncfusion/ej2-grids';import { DataManager, ReturnOption, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred, UrlAdaptor } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner, Dialog } from '@syncfusion/ej2-popups';import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';import { Grid, QueryCellInfoEventArgs, Logger } from '@syncfusion/ej2-grids';import { Render } from '../renderer/render';import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';import { DataManipulation } from './data';import { RowDD } from '../actions/rowdragdrop';import { Sort } from '../actions/sort';import { ITreeData, RowExpandedEventArgs, RowCollapsedEventArgs, RowCollapsingEventArgs, TreeGridExcelExportProperties, ActionEventArgs } from './interface';import { DataStateChangeEventArgs, RowExpandingEventArgs, TreeGridPdfExportProperties } from './interface';import { iterateArrayOrObject, GridLine } from '@syncfusion/ej2-grids';import { DataSourceChangedEventArgs, RecordDoubleClickEventArgs, ResizeArgs } from '@syncfusion/ej2-grids';import { ToolbarItems, ToolbarItem, ContextMenuItem, ContextMenuItems, RowPosition, CopyHierarchyType } from '../enum';import { ItemModel, ClickEventArgs, BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { PageSettings } from '../models/page-settings';import { PageSettingsModel } from '../models/page-settings-model';import { AggregateRow } from '../models/summary';import { AggregateRowModel } from '../models/summary-model';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Toolbar } from '../actions/toolbar';import { Page } from '../actions/page';import { ContextMenu } from '../actions/context-menu';import { EditSettings } from '../models/edit-settings';import { EditSettingsModel } from '../models/edit-settings-model';import { Edit} from '../actions/edit';import { SortSettings } from '../models/sort-settings';import { SortSettingsModel } from '../models/sort-settings-model';import { isHidden, getExpandStatus } from '../utils';import { editAction } from '../actions/crud-actions';import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';import { TreeActionEventArgs } from '..';import * as literals from '../base/constant';
+import { Component, addClass, createElement, EventHandler, isNullOrUndefined, ModuleDeclaration, extend, merge, SanitizeHtmlHelper} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';import {Event, Property, NotifyPropertyChanges, INotifyPropertyChanged, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';import { Column, ColumnModel } from '../models/column';import { BeforeBatchSaveArgs, BeforeBatchAddArgs, BatchDeleteArgs, BeforeBatchDeleteArgs, Row, getNumberFormat } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel, Freeze as FreezeColumn } from '@syncfusion/ej2-grids';import { RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid, parentsUntil } from '@syncfusion/ej2-grids';import { LoadingIndicator } from '../models/loading-indicator';import { LoadingIndicatorModel } from '../models/loading-indicator-model';import { TextAlign } from'@syncfusion/ej2-grids';import { DetailDataBoundEventArgs, ClipMode, ColumnChooser}  from '@syncfusion/ej2-grids';import { SearchEventArgs, AddEventArgs, EditEventArgs, DeleteEventArgs}  from '@syncfusion/ej2-grids';import { SaveEventArgs, CellSaveArgs, BatchAddArgs, BatchCancelArgs,  BeginEditArgs, CellEditArgs}  from '@syncfusion/ej2-grids';import { FilterSettings } from '../models/filter-settings';import { TextWrapSettings } from '../models/textwrap-settings';import { TextWrapSettingsModel } from '../models/textwrap-settings-model';import {Filter} from '../actions/filter';import { Logger as TreeLogger } from '../actions/logger';import { BeforeCopyEventArgs, BeforePasteEventArgs } from '@syncfusion/ej2-grids';import { TreeClipboard } from '../actions/clipboard';import {Aggregate} from '../actions/summary';import { Reorder } from '../actions/reorder';import { Resize } from '../actions/resize';import { Selection as TreeGridSelection } from '../actions/selection';import { ColumnMenu } from '../actions/column-menu';import { DetailRow } from '../actions/detail-row';import { Freeze } from '../actions/freeze-column';import { Print } from '../actions/print';import * as events from '../base/constant';import { FilterSettingsModel } from '../models/filter-settings-model';import { SearchSettings} from '../models/search-settings';import { SearchSettingsModel } from '../models/search-settings-model';import {RowInfo, RowDataBoundEventArgs, PageEventArgs, FilterEventArgs, FailureEventArgs, SortEventArgs } from '@syncfusion/ej2-grids';import { RowSelectingEventArgs, RowSelectEventArgs, RowDeselectingEventArgs, RowDeselectEventArgs, IIndex, ISelectedCell } from '@syncfusion/ej2-grids';import {ColumnModel as GridColumnModel, Column as GridColumn, CellSelectEventArgs, CellDeselectEventArgs } from '@syncfusion/ej2-grids';import { SelectionSettings } from '../models/selection-settings';import { SelectionSettingsModel } from '../models/selection-settings-model';import {getActualProperties, SortDirection, getObject, ColumnDragEventArgs } from '@syncfusion/ej2-grids';import { PrintMode, Data, IGrid, ContextMenuItemModel } from '@syncfusion/ej2-grids';import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs, AggregateQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';import {BeforeDataBoundArgs} from '@syncfusion/ej2-grids';import { DataManager, ReturnOption, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred, UrlAdaptor } from '@syncfusion/ej2-data';import { createSpinner, hideSpinner, showSpinner, Dialog } from '@syncfusion/ej2-popups';import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';import { Grid, QueryCellInfoEventArgs, Logger } from '@syncfusion/ej2-grids';import { Render } from '../renderer/render';import { VirtualTreeContentRenderer } from '../renderer/virtual-tree-content-render';import { DataManipulation } from './data';import { RowDD } from '../actions/rowdragdrop';import { Sort } from '../actions/sort';import { ITreeData, RowExpandedEventArgs, RowCollapsedEventArgs, RowCollapsingEventArgs, TreeGridExcelExportProperties, ActionEventArgs } from './interface';import { DataStateChangeEventArgs, RowExpandingEventArgs, TreeGridPdfExportProperties } from './interface';import { iterateArrayOrObject, GridLine } from '@syncfusion/ej2-grids';import { DataSourceChangedEventArgs, RecordDoubleClickEventArgs, ResizeArgs } from '@syncfusion/ej2-grids';import { ToolbarItems, ToolbarItem, ContextMenuItem, ContextMenuItems, RowPosition, CopyHierarchyType } from '../enum';import { ItemModel, ClickEventArgs, BeforeOpenCloseMenuEventArgs, MenuEventArgs } from '@syncfusion/ej2-navigations';import { PageSettings } from '../models/page-settings';import { PageSettingsModel } from '../models/page-settings-model';import { AggregateRow } from '../models/summary';import { AggregateRowModel } from '../models/summary-model';import { ExcelExport } from '../actions/excel-export';import { PdfExport } from '../actions/pdf-export';import { Toolbar } from '../actions/toolbar';import { Page } from '../actions/page';import { ContextMenu } from '../actions/context-menu';import { EditSettings } from '../models/edit-settings';import { EditSettingsModel } from '../models/edit-settings-model';import { Edit} from '../actions/edit';import { SortSettings } from '../models/sort-settings';import { SortSettingsModel } from '../models/sort-settings-model';import { isHidden, getExpandStatus } from '../utils';import { editAction } from '../actions/crud-actions';import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';import { TreeActionEventArgs } from '..';import * as literals from '../base/constant';import { ColumnChooserSettings } from '../models/column-chooser-settings';import { ColumnChooserSettingsModel } from '../models/column-chooser-settings-model';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -220,7 +220,6 @@ export interface TreeGridModel extends ComponentModel{
     currencyCode?: string;
 
     /**
-     * @hidden
      * It used to render pager template
      * @default null
      * @aspType string
@@ -243,6 +242,13 @@ export interface TreeGridModel extends ComponentModel{
      */
     showColumnChooser?: boolean;
 
+    /**
+     * Configures the column chooser in the Grid.
+     *
+     * @default { columnChooserOperator: 'startsWith' }
+     */
+    columnChooserSettings?: ColumnChooserSettingsModel;
+
     /**
      * If `allowSorting` is set to true, it allows sorting of treegrid records when column header is clicked.
      *
@@ -488,6 +494,16 @@ export interface TreeGridModel extends ComponentModel{
      */
     enableStickyHeader?: boolean;
 
+    /**
+     * The empty record template that renders customized element or text or image instead of displaying the empty record message in the TreeGrid.
+     *
+     * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.
+     *
+     * @default null
+     * @aspType string
+     */
+    emptyRecordTemplate?: string | Function;
+
     /**
      * Defines the scrollable height of the TreeGrid content.
      *
@@ -1032,6 +1048,20 @@ export interface TreeGridModel extends ComponentModel{
      */
     excelQueryCellInfo?: EmitType<ExcelQueryCellInfoEventArgs>;
 
+    /**
+     * Triggers before exporting aggregate cell to PDF document. You can also customize the PDF cells.
+     *
+     * @event pdfAggregateQueryCellInfo
+     */
+    pdfAggregateQueryCellInfo?: EmitType<AggregateQueryCellInfoEventArgs>;
+
+    /**
+     * Triggers before exporting aggregate cell to Excel document.
+     *
+     * @event excelAggregateQueryCellInfo
+     */
+    excelAggregateQueryCellInfo?: EmitType<AggregateQueryCellInfoEventArgs>;
+
     /**
      * Triggers before each header cell is exported to an Excel file, allowing customization of cells.
      *

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

@@ -31,7 +31,7 @@ import { SelectionSettingsModel } from '../models/selection-settings-model';
 import { SortDirection, ColumnDragEventArgs } from '@syncfusion/ej2-grids';
 import { PrintMode, Data, ContextMenuItemModel } from '@syncfusion/ej2-grids';
 import { ColumnMenuItem, ColumnMenuItemModel, CheckBoxChangeEventArgs } from '@syncfusion/ej2-grids';
-import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';
+import { ExcelExportCompleteArgs, ExcelHeaderQueryCellInfoEventArgs, ExcelQueryCellInfoEventArgs, AggregateQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';
 import { PdfExportCompleteArgs, PdfHeaderQueryCellInfoEventArgs, PdfQueryCellInfoEventArgs } from '@syncfusion/ej2-grids';
 import { ExcelExportProperties, PdfExportProperties, CellSelectingEventArgs, PrintEventArgs } from '@syncfusion/ej2-grids';
 import { ColumnMenuOpenEventArgs } from '@syncfusion/ej2-grids';
@@ -59,6 +59,7 @@ import { EditSettingsModel } from '../models/edit-settings-model';
 import { Edit } from '../actions/edit';
 import { SortSettingsModel } from '../models/sort-settings-model';
 import { InfiniteScrollSettingsModel } from '../models/infinite-scroll-settings-model';
+import { ColumnChooserSettingsModel } from '../models/column-chooser-settings-model';
 /**
  * Represents the TreeGrid component.
  * ```html
@@ -380,7 +381,6 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      */
     private currencyCode;
     /**
-     * @hidden
      * It used to render pager template
      * @default null
      * @aspType string
@@ -400,6 +400,12 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @default false
      */
     showColumnChooser: boolean;
+    /**
+     * Configures the column chooser in the Grid.
+     *
+     * @default { columnChooserOperator: 'startsWith' }
+     */
+    columnChooserSettings: ColumnChooserSettingsModel;
     /**
      * If `allowSorting` is set to true, it allows sorting of treegrid records when column header is clicked.
      *
@@ -621,6 +627,15 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @default false
      */
     enableStickyHeader: boolean;
+    /**
+     * The empty record template that renders customized element or text or image instead of displaying the empty record message in the TreeGrid.
+     *
+     * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.
+     *
+     * @default null
+     * @aspType string
+     */
+    emptyRecordTemplate: string | Function;
     /**
      * Defines the scrollable height of the TreeGrid content.
      *
@@ -1091,6 +1106,18 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @event excelQueryCellInfo
      */
     excelQueryCellInfo: EmitType<ExcelQueryCellInfoEventArgs>;
+    /**
+     * Triggers before exporting aggregate cell to PDF document. You can also customize the PDF cells.
+     *
+     * @event pdfAggregateQueryCellInfo
+     */
+    pdfAggregateQueryCellInfo: EmitType<AggregateQueryCellInfoEventArgs>;
+    /**
+     * Triggers before exporting aggregate cell to Excel document.
+     *
+     * @event excelAggregateQueryCellInfo
+     */
+    excelAggregateQueryCellInfo: EmitType<AggregateQueryCellInfoEventArgs>;
     /**
      * Triggers before each header cell is exported to an Excel file, allowing customization of cells.
      *

package/src/treegrid/base/treegrid.js

@@ -51,6 +51,7 @@ import { isHidden, getExpandStatus } from '../utils';
 import { editAction } from '../actions/crud-actions';
 import { InfiniteScrollSettings } from '../models/infinite-scroll-settings';
 import * as literals from '../base/constant';
+import { ColumnChooserSettings } from '../models/column-chooser-settings';
 /**
  * Represents the TreeGrid component.
  * ```html
@@ -915,7 +916,7 @@ var TreeGrid = /** @class */ (function (_super) {
             }
         }
         var alignColumn;
-        if (this.treeColumnIndex !== null && this.treeColumnIndex !== -1) {
+        if (this.treeColumnIndex !== null && this.treeColumnIndex !== -1 && this.treeColumnIndex < this.columns.length) {
             alignColumn = this.columnModel.filter(function (col) { return col.textAlign === 'Right' && col.field === _this.columnModel[_this.treeColumnIndex].field; });
             if (alignColumn.length !== 0) {
                 failureCases.push('TextAlign right for the tree column is not applicable.');
@@ -1028,6 +1029,7 @@ var TreeGrid = /** @class */ (function (_super) {
         /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         this.grid.toolbarTemplate = this.toolbarTemplate;
         this.grid.showColumnChooser = this.showColumnChooser;
+        this.grid.columnChooserSettings = this.columnChooserSettings;
         this.grid.filterSettings = getActualProperties(this.filterSettings);
         this.grid.selectionSettings = getActualProperties(this.selectionSettings);
         this.grid.sortSettings = getActualProperties(this.sortSettings);
@@ -1055,6 +1057,7 @@ var TreeGrid = /** @class */ (function (_super) {
         var enableHtmlSanitizer = 'enableHtmlSanitizer';
         this.grid["" + enableHtmlSanitizer] = this.enableHtmlSanitizer;
         this.grid.enableStickyHeader = this.enableStickyHeader;
+        this.grid.emptyRecordTemplate = this.emptyRecordTemplate;
         var isTreeGrid = 'isTreeGrid';
         this.grid["" + isTreeGrid] = true;
     };
@@ -1121,6 +1124,14 @@ var TreeGrid = /** @class */ (function (_super) {
             _this.notify('excelCellInfo', args);
             args = _this.dataResults;
         };
+        this.grid.excelAggregateQueryCellInfo = function (args) {
+            _this.notify('excelAggregateCellInfo', args);
+            args = _this.dataResults;
+        };
+        this.grid.pdfAggregateQueryCellInfo = function (args) {
+            _this.notify('pdfAggregateCellInfo', args);
+            args = _this.dataResults;
+        };
         this.grid.pdfQueryCellInfo = function (args) {
             _this.notify('pdfCellInfo', args);
             args = _this.dataResults;
@@ -2016,6 +2027,9 @@ var TreeGrid = /** @class */ (function (_super) {
                 case 'enableAutoFill':
                     this.grid.enableAutoFill = this.enableAutoFill;
                     break;
+                case 'columnChooserSettings':
+                    this.grid.columnChooserSettings = getActualProperties(this.columnChooserSettings);
+                    break;
                 case 'enableAdaptiveUI':
                     this.grid.enableAdaptiveUI = this.enableAdaptiveUI;
                     break;
@@ -2063,6 +2077,9 @@ var TreeGrid = /** @class */ (function (_super) {
                 case 'enableStickyHeader':
                     this.grid.enableStickyHeader = this.enableStickyHeader;
                     break;
+                case 'emptyRecordTemplate':
+                    this.grid.emptyRecordTemplate = this.emptyRecordTemplate;
+                    break;
                 case 'editSettings':
                     if (this.grid.isEdit && this.grid.editSettings.mode === 'Normal' && newProp["" + prop].mode &&
                         (newProp["" + prop].mode === 'Cell' || newProp["" + prop].mode === 'Row')) {
@@ -3786,9 +3803,17 @@ var TreeGrid = /** @class */ (function (_super) {
         }
         var deff = new Deferred();
         var childDataBind = 'childDataBind';
+        var state;
+        if (this.query) {
+            state = this.grid.getDataModule().getStateEventArgument(this.query);
+            state.action = expandingArgs;
+        }
+        else {
+            state = expandingArgs;
+        }
         expandingArgs["" + childDataBind] = deff.resolve;
         var record = expandingArgs.data;
-        this.trigger(events.dataStateChange, expandingArgs);
+        this.trigger(events.dataStateChange, state);
         deff.promise.then(function () {
             if (expandingArgs.childData.length) {
                 if (isCountRequired(_this)) {
@@ -4637,6 +4662,9 @@ var TreeGrid = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], TreeGrid.prototype, "showColumnChooser", void 0);
+    __decorate([
+        Complex({}, ColumnChooserSettings)
+    ], TreeGrid.prototype, "columnChooserSettings", void 0);
     __decorate([
         Property(false)
     ], TreeGrid.prototype, "allowSorting", void 0);
@@ -4709,6 +4737,9 @@ var TreeGrid = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], TreeGrid.prototype, "enableStickyHeader", void 0);
+    __decorate([
+        Property()
+    ], TreeGrid.prototype, "emptyRecordTemplate", void 0);
     __decorate([
         Property('auto')
     ], TreeGrid.prototype, "height", void 0);
@@ -4931,6 +4962,12 @@ var TreeGrid = /** @class */ (function (_super) {
     __decorate([
         Event()
     ], TreeGrid.prototype, "excelQueryCellInfo", void 0);
+    __decorate([
+        Event()
+    ], TreeGrid.prototype, "pdfAggregateQueryCellInfo", void 0);
+    __decorate([
+        Event()
+    ], TreeGrid.prototype, "excelAggregateQueryCellInfo", void 0);
     __decorate([
         Event()
     ], TreeGrid.prototype, "excelHeaderQueryCellInfo", void 0);

package/src/treegrid/models/column-chooser-settings-model.d.ts

@@ -0,0 +1,62 @@
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+
+/**
+ * Interface for a class ColumnChooserSettings
+ */
+export interface ColumnChooserSettingsModel {
+
+    /**
+     * Defines the search operator for column chooser.
+     *
+     * @default 'startsWith'
+     * @blazorType Syncfusion.Blazor.Operator
+     * @blazorDefaultValue Syncfusion.Blazor.Operator.StartsWith
+     */
+    operator?: string;
+
+    /**
+     * If ignoreAccent set to true, then ignores the diacritic characters or accents while searching in column chooser dialog.
+     *
+     * @default false
+     */
+    ignoreAccent?: boolean;
+
+    /**
+     * Defines the custom header elements for the column chooser header template.
+     *
+     * @default null
+     * @aspType string
+     */
+    headerTemplate?: string | Function;
+
+    /**
+     * Defines the custom content elements for the column chooser content template.
+     *
+     * @default null
+     * @aspType string
+     */
+    template?: string | Function;
+
+    /**
+     * Defines the custom footer elements for the column chooser footer template.
+     *
+     * @default null
+     * @aspType string
+     */
+    footerTemplate?: string | Function;
+
+    /**
+     * Enables or disables the search option in the column chooser.
+     *
+     * @default true
+     */
+    enableSearching?: boolean;
+
+    /**
+     * Renders a custom component to replace or extend the default column chooser UI.
+     * @param target - The target HTML element where the custom component will be appended in the column chooser dialog.
+     * @aspType string
+     */
+    renderCustomColumnChooser?: string | Function;
+
+}

package/src/treegrid/models/column-chooser-settings.d.ts

@@ -0,0 +1,53 @@
+import { ChildProperty } from '@syncfusion/ej2-base';
+/**
+ * Configures the column chooser behavior of the Grid.
+ */
+export declare class ColumnChooserSettings extends ChildProperty<ColumnChooserSettings> {
+    /**
+     * Defines the search operator for column chooser.
+     *
+     * @default 'startsWith'
+     * @blazorType Syncfusion.Blazor.Operator
+     * @blazorDefaultValue Syncfusion.Blazor.Operator.StartsWith
+     */
+    operator: string;
+    /**
+     * If ignoreAccent set to true, then ignores the diacritic characters or accents while searching in column chooser dialog.
+     *
+     * @default false
+     */
+    ignoreAccent: boolean;
+    /**
+     * Defines the custom header elements for the column chooser header template.
+     *
+     * @default null
+     * @aspType string
+     */
+    headerTemplate: string | Function;
+    /**
+     * Defines the custom content elements for the column chooser content template.
+     *
+     * @default null
+     * @aspType string
+     */
+    template: string | Function;
+    /**
+     * Defines the custom footer elements for the column chooser footer template.
+     *
+     * @default null
+     * @aspType string
+     */
+    footerTemplate: string | Function;
+    /**
+     * Enables or disables the search option in the column chooser.
+     *
+     * @default true
+     */
+    enableSearching: boolean;
+    /**
+     * Renders a custom component to replace or extend the default column chooser UI.
+     * @param target - The target HTML element where the custom component will be appended in the column chooser dialog.
+     * @aspType string
+     */
+    renderCustomColumnChooser: string | Function;
+}