@syncfusion/ej2-treegrid 32.2.9 → 33.1.45

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.2.9
+*  version : 33.1.45
 *  Copyright Syncfusion Inc. 2001 - 2025. 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": "32.2.9",
+  "version": "33.1.45",
   "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": "~32.2.9",
-    "@syncfusion/ej2-data": "~32.2.3",
-    "@syncfusion/ej2-grids": "~32.2.9",
-    "@syncfusion/ej2-popups": "~32.2.8"
+    "@syncfusion/ej2-base": "~33.1.45",
+    "@syncfusion/ej2-data": "~33.1.45",
+    "@syncfusion/ej2-grids": "~33.1.45",
+    "@syncfusion/ej2-popups": "~33.1.44"
   },
   "devDependencies": {},
   "keywords": [

package/src/treegrid/actions/batch-edit.js

@@ -202,7 +202,7 @@ var BatchEdit = /** @class */ (function () {
                         added.childRecords = [];
                         this.batchRecords.splice(added.index, 0, added);
                         this.currentViewRecords.splice(added.index, 0, added);
-                        if (currentDataIndex) {
+                        if (currentDataIndex > -1) {
                             indexvalue = currentDataIndex;
                         }
                         else {

package/src/treegrid/actions/edit.js

@@ -170,6 +170,9 @@ var Edit = /** @class */ (function () {
                 }
             }
         }
+        if (eventName === 'actionComplete' && eventArgs.requestType === 'save') {
+            this.addRowRecord = null;
+        }
         if (this.parent.enableInfiniteScrolling && eventName === 'actionComplete') {
             this.infiniteAddAction(eventArgs);
         }

package/src/treegrid/actions/filter.js

@@ -1,5 +1,6 @@
 import { getObject, Filter as GridFilter, Grid } from '@syncfusion/ej2-grids';
 import { isNullOrUndefined, setValue, getValue } from '@syncfusion/ej2-base';
+import { getExpandStatus } from '../utils';
 import { getParentData } from '../utils';
 /**
  * TreeGrid Filter module will handle filtering action
@@ -97,6 +98,25 @@ var Filter = /** @class */ (function () {
         if (this.flatFilteredData.length > 0 && this.isHierarchyFilter) {
             this.updateFilterLevel();
         }
+        var _loop_1 = function (i) {
+            var record = this_1.filteredResult[parseInt(i.toString(), 10)];
+            if (!isNullOrUndefined(record.parentItem)) {
+                var parentUID_1 = record.parentItem.uniqueID;
+                var parentPresent = this_1.filteredResult.some(function (r) {
+                    return !isNullOrUndefined(r.uniqueID) && r.uniqueID === parentUID_1;
+                });
+                if (parentPresent) {
+                    record.isCollapsedChild = !getExpandStatus(this_1.parent, record, this_1.parent.parentData);
+                }
+                else {
+                    record.isCollapsedChild = false;
+                }
+            }
+        };
+        var this_1 = this;
+        for (var i = 0; i < this.filteredResult.length; i++) {
+            _loop_1(i);
+        }
         this.parent.notify('updateAction', { result: this.filteredResult });
     };
     Filter.prototype.updateParentFilteredRecord = function (record) {

package/src/treegrid/actions/rowdragdrop.js

@@ -497,8 +497,10 @@ var RowDD = /** @class */ (function () {
                 var record = this.getChildrecordsByParentID(droppedRecord.parentUniqueID)[0];
                 var childRecords = record.childRecords;
                 for (var i = 0; i < childRecords.length; i++) {
-                    droppedRecord.parentItem.taskData[this.parent.childMapping][parseInt(i.toString(), 10)]
-                        = childRecords[parseInt(i.toString(), 10)].taskData;
+                    if (!isNullOrUndefined(childRecords[parseInt(i.toString(), 10)].taskData)) {
+                        droppedRecord.parentItem.taskData[this.parent.childMapping][parseInt(i.toString(), 10)]
+                            = childRecords[parseInt(i.toString(), 10)].taskData;
+                    }
                 }
             }
         }
@@ -1084,6 +1086,11 @@ var RowDD = /** @class */ (function () {
      * @returns {void} This function does not return a value.
      */
     RowDD.prototype.rowDropped = function (args) {
+        if (!isNullOrUndefined(this.parent.aggregates[0]) && this.parent.aggregates[0].showChildSummary) {
+            var records = this.parent.grid.getCurrentViewRecords();
+            args.fromIndex = records[args.fromIndex].index;
+            args.dropIndex = records[args.dropIndex].index;
+        }
         var tObj = this.parent;
         var parentItem = 'parentItem';
         if (!tObj.rowDropSettings.targetID) {
@@ -1308,10 +1315,16 @@ var RowDD = /** @class */ (function () {
             var droppedRecord = void 0;
             if (isNullOrUndefined(args.dropIndex)) {
                 var primaryKeyField = this.parent.getPrimaryKeyFieldNames()[0];
-                var rowIndex = tObj.selectedRowIndex === -1 ?
+                var rowIndex_1 = tObj.selectedRowIndex === -1 ?
                     (this.parent.grid.getRowIndexByPrimaryKey(args.data[0]["" + primaryKeyField])) - 1
                     : tObj.getSelectedRowIndexes()[0] - 1;
-                var record = tObj.getCurrentViewRecords()[parseInt(rowIndex.toString(), 10)];
+                var record = void 0;
+                if (this.parent.enableVirtualization) {
+                    record = tObj.getCurrentViewRecords().find(function (e) { return e.index === rowIndex_1; });
+                }
+                else {
+                    record = tObj.getCurrentViewRecords()[parseInt(rowIndex_1.toString(), 10)];
+                }
                 this.getParentData(record, args.data);
             }
             else {

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

@@ -130,7 +130,8 @@ var VirtualScroll = /** @class */ (function () {
         var dm = new DataManager(pageingDetails.result);
         var expanded = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
         var parents = dm.executeLocal(new Query().where(expanded));
-        var isFiltering = pageingDetails.actionArgs.requestType === 'filtering';
+        var isFiltering = (pageingDetails.actionArgs.requestType === 'filtering' && pageingDetails.actionArgs.action !== 'clear-filter') ||
+            (!isNullOrUndefined(this.parent['filterModule']) && (this.parent['filterModule'].filteredResult && this.parent['filterModule'].filteredResult.length > 0));
         var isFlatHierarchy = this.parent.filterSettings.hierarchyMode === 'Child' ||
             this.parent.filterSettings.hierarchyMode === 'None';
         var visualData = isFiltering && isFlatHierarchy

package/src/treegrid/base/data.js

@@ -773,7 +773,6 @@ var DataManipulation = /** @class */ (function () {
         var results = dataObj instanceof DataManager ? dataObj.dataSource.json : dataObj;
         var count = isCountRequired(this.parent) ? getValue('count', this.parent.dataSource)
             : results.length;
-        var qry = new Query();
         var gridQuery = getObject('query', args);
         var filterQuery;
         var searchQuery;
@@ -789,11 +788,7 @@ var DataManipulation = /** @class */ (function () {
                 gridQuery = getValue('grid.renderModule.data', this.parent).filterQuery(gridQuery);
                 gridQuery = getValue('grid.renderModule.data', this.parent).searchQuery(gridQuery);
             }
-            var fltrQuery = gridQuery.queries.filter(function (q) { return q.fn === 'onWhere'; });
-            var srchQuery = gridQuery.queries.filter(function (q) { return q.fn === 'onSearch'; });
-            qry.queries = fltrQuery.concat(srchQuery);
-            var filteredData = new DataManager(results).executeLocal(qry);
-            this.parent.notify('updateFilterRecs', { data: filteredData });
+            this.parent.getData({ query: gridQuery, isFilter: true });
             results = this.dataResults.result;
             this.dataResults.result = null;
             if (this.parent.grid.aggregates.length > 0) {
@@ -818,34 +813,8 @@ var DataManipulation = /** @class */ (function () {
         }
         if (this.parent.grid.sortSettings.columns.length > 0 || this.isSortAction) {
             this.isSortAction = false;
-            var parentData = this.parent.parentData;
             var query = getObject('query', args);
-            var srtQry = new Query();
-            for (var srt = this.parent.grid.sortSettings.columns.length - 1; srt >= 0; srt--) {
-                var getColumnByField = 'getColumnByField';
-                var col = this.parent.grid.renderModule.data["" + getColumnByField](this.parent.grid.
-                    sortSettings.columns[parseInt(srt.toString(), 10)].field);
-                var compFun = col.sortComparer && isOffline(this.parent) ?
-                    col.sortComparer.bind(col) :
-                    this.parent.grid.sortSettings.columns[parseInt(srt.toString(), 10)].direction;
-                srtQry.sortBy(this.parent.grid.sortSettings.columns[parseInt(srt.toString(), 10)].field, compFun);
-            }
-            var modifiedData = new DataManager(parentData).executeLocal(srtQry);
-            if (this.parent.allowRowDragAndDrop && !isNullOrUndefined(this.parent.rowDragAndDropModule['draggedRecord']) &&
-                this.parent.rowDragAndDropModule['droppedRecord'].hasChildRecords && this.parent.rowDragAndDropModule['dropPosition'] !== 'middleSegment') {
-                var dragdIndex = modifiedData.indexOf(this.parent.rowDragAndDropModule['draggedRecord']);
-                modifiedData.splice(dragdIndex, 1);
-                var dropdIndex = modifiedData.indexOf(this.parent.rowDragAndDropModule['droppedRecord']);
-                if (this.parent.rowDragAndDropModule['droppedRecord'].hasChildRecords && this.parent.rowDragAndDropModule['dropPosition'] === 'topSegment') {
-                    modifiedData.splice(dropdIndex, 0, this.parent.rowDragAndDropModule['draggedRecord']);
-                }
-                else if (this.parent.rowDragAndDropModule['dropPosition'] === 'bottomSegment') {
-                    modifiedData.splice(dropdIndex + 1, 0, this.parent.rowDragAndDropModule['draggedRecord']);
-                }
-            }
-            var sortArgs = { modifiedData: modifiedData, filteredData: results, srtQry: srtQry };
-            this.parent.notify('createSort', sortArgs);
-            results = sortArgs.modifiedData;
+            results = this.parent.getData({ query: query, isSort: true });
             this.dataResults.result = null;
             this.sortedData = results;
             this.parent.notify('updateModel', {});

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, RowSelectable } 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, Middlewares } 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 { 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, RowSelectable, LoadEventArgs, setEnableSeamlessScrolling } 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, Middlewares, QueryOptions, Predicate } 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';
 
 /**

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

@@ -142,6 +142,8 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     isLocalData: boolean;
     /** @hidden */
     parentData: Object[];
+    /** @hidden */
+    enableSeamlessScrolling: boolean;
     /**
      * @hidden
      */
@@ -1490,6 +1492,38 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     private ignoreInArrays;
     private ignoreInColumn;
     private mouseClickHandler;
+    /**
+     * Retrieves all records that match the current search criteria and are sorted according to the active sort settings.
+     *
+     * This method processes the data source by applying search filters and sort operations,
+     * returning the searched and sorted records excluding summary rows.
+     *
+     * @param {Object} args - Optional arguments object to control query execution behavior.
+     * @param {Query} args.query - Optional custom Query object to override the default generated query.
+     * @param {boolean} args.isFilter - Optional flag to include only filtered records without sorting (default: false).
+     * @param {boolean} args.isSort - Optional flag to apply only sorting without filtering (default: false).
+     *
+     * @returns {ITreeData[]} - Array of searched and sorted TreeGrid records with summary rows excluded.
+     * @hidden
+     */
+    getData(args?: {
+        query?: Query;
+        isFilter?: boolean;
+        isSort?: boolean;
+    }): ITreeData[];
+    /**
+     * Retrieves the processed Tree Grid data based on current operations such as
+     * sorting, filtering, and searching. Maintains hierarchy and current structure.
+     *
+     * For local data: when skipPage is true (the default), it returns all available records;
+     * when skipPage is false, it returns only the records for the current page.
+     * For remote data: it always returns only the records for the current page.
+     *
+     * @param {boolean} skipPage - if set to false, returns only the records for the current page.
+     * @returns {ITreeData[]} - Array of tree records (summary rows excluded).
+     * @hidden
+     */
+    getProcessedRecords(skipPage?: boolean): ITreeData[];
     /**
      * Retrieves all the TreeGrid row elements.
      *

package/src/treegrid/base/treegrid.js

@@ -21,7 +21,7 @@ import { Component, addClass, createElement, EventHandler, isNullOrUndefined, ex
 import { removeClass, Complex, Collection, getValue } from '@syncfusion/ej2-base';
 import { Event, Property, NotifyPropertyChanges, setValue, KeyboardEvents, L10n } from '@syncfusion/ej2-base';
 import { Column } from '../models/column';
-import { getNumberFormat } from '@syncfusion/ej2-grids';
+import { getNumberFormat, setEnableSeamlessScrolling } from '@syncfusion/ej2-grids';
 import { Freeze as FreezeColumn } from '@syncfusion/ej2-grids';
 import { RowDropSettings, getUid, parentsUntil } from '@syncfusion/ej2-grids';
 import { LoadingIndicator } from '../models/loading-indicator';
@@ -35,7 +35,7 @@ import * as events from '../base/constant';
 import { SearchSettings } from '../models/search-settings';
 import { SelectionSettings } from '../models/selection-settings';
 import { getActualProperties, getObject } from '@syncfusion/ej2-grids';
-import { DataManager, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred, UrlAdaptor } from '@syncfusion/ej2-data';
+import { DataManager, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred, UrlAdaptor, Predicate } from '@syncfusion/ej2-data';
 import { createSpinner, hideSpinner, showSpinner } from '@syncfusion/ej2-popups';
 import { isRemoteData, isOffline, extendArray, isCountRequired, findChildrenRecords } from '../utils';
 import { Grid, Logger } from '@syncfusion/ej2-grids';
@@ -83,6 +83,8 @@ var TreeGrid = /** @class */ (function (_super) {
         _this.isComponentRefresh = false;
         _this.isVirtualExpandCollapse = false;
         _this.isInfiniteCollapse = false;
+        /** @hidden */
+        _this.enableSeamlessScrolling = false;
         _this.objectEqualityChecker = function (old, current) {
             if (old) {
                 var keys = Object.keys(old);
@@ -830,7 +832,15 @@ var TreeGrid = /** @class */ (function (_super) {
         this.renderModule = new Render(this);
         this.dataModule = new DataManipulation(this);
         this.printModule = new Print(this);
-        this.trigger(events.load);
+        if (this.enableVirtualization || this.enableColumnVirtualization) {
+            var args = { enableSeamlessScrolling: this.enableSeamlessScrolling };
+            this.trigger(events.load, args);
+            this.enableSeamlessScrolling = args.enableSeamlessScrolling;
+            setEnableSeamlessScrolling(this.enableSeamlessScrolling);
+        }
+        else {
+            this.trigger(events.load);
+        }
         this.autoGenerateColumns();
         this.initialRender = true;
         if (!isNullOrUndefined(this.dataSource)) {
@@ -1103,6 +1113,7 @@ var TreeGrid = /** @class */ (function (_super) {
         this.grid.clipMode = getActualProperties(this.clipMode);
         this.grid.enableColumnSpan = this.enableColumnSpan;
         this.grid.enableRowSpan = this.enableRowSpan;
+        this.grid.enableSeamlessScrolling = this.enableSeamlessScrolling;
         var templateInstance = 'templateDotnetInstance';
         this.grid["" + templateInstance] = this["" + templateInstance];
         var isJsComponent = 'isJsComponent';
@@ -1580,7 +1591,7 @@ var TreeGrid = /** @class */ (function (_super) {
             }
             _this.notify('updateGridActions', args);
             _this.isVirtualExpandCollapse = false;
-            if (args.requestType === 'save' && _this.aggregates.map(function (ag) { return ag.showChildSummary === true; }).length) {
+            if (args.requestType === 'save' && _this.aggregates.some(function (ag) { return ag.showChildSummary === true; })) {
                 _this.grid.refresh();
             }
             if ((args.action === 'clearFilter' || args.action === 'clear-filter' || args.requestType === 'sorting') && _this.enableInfiniteScrolling) {
@@ -2326,6 +2337,115 @@ var TreeGrid = /** @class */ (function (_super) {
             }
         }
     };
+    /**
+     * Retrieves all records that match the current search criteria and are sorted according to the active sort settings.
+     *
+     * This method processes the data source by applying search filters and sort operations,
+     * returning the searched and sorted records excluding summary rows.
+     *
+     * @param {Object} args - Optional arguments object to control query execution behavior.
+     * @param {Query} args.query - Optional custom Query object to override the default generated query.
+     * @param {boolean} args.isFilter - Optional flag to include only filtered records without sorting (default: false).
+     * @param {boolean} args.isSort - Optional flag to apply only sorting without filtering (default: false).
+     *
+     * @returns {ITreeData[]} - Array of searched and sorted TreeGrid records with summary rows excluded.
+     * @hidden
+     */
+    TreeGrid.prototype.getData = function (args) {
+        var dataObj = isCountRequired(this) ? getValue('result', this.grid.dataSource)
+            : this.grid.dataSource;
+        var results = dataObj instanceof DataManager ? dataObj.dataSource.json : dataObj;
+        var gridQuery = (!isNullOrUndefined(args) && args.query) ? args.query : this.getDataModule().baseModule.generateQuery();
+        var filterQuery;
+        var searchQuery;
+        if (!isNullOrUndefined(gridQuery)) {
+            filterQuery = gridQuery.queries.filter(function (q) { return q.fn === 'onWhere'; });
+            searchQuery = gridQuery.queries.filter(function (q) { return q.fn === 'onSearch'; });
+        }
+        var skipFilterSearch = (!isNullOrUndefined(args) && args.isSort);
+        if (!skipFilterSearch && (this.grid.allowFiltering && this.grid.filterSettings.columns.length) ||
+            (this.grid.searchSettings.key.length > 0) && (!isNullOrUndefined(gridQuery))
+            || ((filterQuery && filterQuery.length > 0) || (searchQuery && searchQuery.length > 0))) {
+            var filterQuery_1 = gridQuery.queries.filter(function (q) { return q.fn === 'onWhere'; });
+            var searchQuery_1 = gridQuery.queries.filter(function (q) { return q.fn === 'onSearch'; });
+            var query = new Query();
+            query.queries = filterQuery_1.concat(searchQuery_1);
+            var filteredData = new DataManager(results).executeLocal(query);
+            this.notify('updateFilterRecs', { data: filteredData });
+            results = isRemoteData(this) ? this.dataResults : this.filterModule.filteredResult;
+            if (!isNullOrUndefined(args) && args.isFilter) {
+                return isRemoteData(this) ? results.result.filter(function (item) { return !item.isSummaryRow; })
+                    : results.filter(function (item) { return !item.isSummaryRow; });
+            }
+        }
+        var sortQuery = gridQuery.queries.filter(function (q) { return q.fn === 'onSortBy'; });
+        if (this.grid.sortSettings.columns.length > 0 || sortQuery.length) {
+            var parentData = this.parentData;
+            var query = new Query();
+            query.queries = sortQuery;
+            var modifiedData = new DataManager(parentData).executeLocal(query);
+            if (this.allowRowDragAndDrop && !isNullOrUndefined(this.rowDragAndDropModule['draggedRecord']) &&
+                this.rowDragAndDropModule['droppedRecord'].hasChildRecords && this.rowDragAndDropModule['dropPosition'] !== 'middleSegment') {
+                var dragdIndex = modifiedData.indexOf(this.rowDragAndDropModule['draggedRecord']);
+                modifiedData.splice(dragdIndex, 1);
+                var dropdIndex = modifiedData.indexOf(this.rowDragAndDropModule['droppedRecord']);
+                if (this.rowDragAndDropModule['droppedRecord'].hasChildRecords && this.rowDragAndDropModule['dropPosition'] === 'topSegment') {
+                    modifiedData.splice(dropdIndex, 0, this.rowDragAndDropModule['draggedRecord']);
+                }
+                else if (this.rowDragAndDropModule['dropPosition'] === 'bottomSegment') {
+                    modifiedData.splice(dropdIndex + 1, 0, this.rowDragAndDropModule['draggedRecord']);
+                }
+            }
+            var sortArgs = { modifiedData: modifiedData, filteredData: results, srtQry: query };
+            this.notify('createSort', sortArgs);
+            results = isRemoteData(this) ? this.dataResults : sortArgs.modifiedData;
+        }
+        return isRemoteData(this) ? this.dataResults.result.filter(function (item) { return !item.isSummaryRow; })
+            : results.filter(function (item) { return !item.isSummaryRow; });
+    };
+    /**
+     * Retrieves the processed Tree Grid data based on current operations such as
+     * sorting, filtering, and searching. Maintains hierarchy and current structure.
+     *
+     * For local data: when skipPage is true (the default), it returns all available records;
+     * when skipPage is false, it returns only the records for the current page.
+     * For remote data: it always returns only the records for the current page.
+     *
+     * @param {boolean} skipPage - if set to false, returns only the records for the current page.
+     * @returns {ITreeData[]} - Array of tree records (summary rows excluded).
+     * @hidden
+     */
+    TreeGrid.prototype.getProcessedRecords = function (skipPage) {
+        var _this = this;
+        var result;
+        if (skipPage !== true || isRemoteData(this)) {
+            result = this.getData();
+            var dm = new DataManager(result);
+            var expanded = new Predicate('expanded', 'notequal', null).or('expanded', 'notequal', undefined);
+            var parents_1 = dm.executeLocal(new Query().where(expanded));
+            var visualData = parents_1.filter(function (e) {
+                return getExpandStatus(_this, e, parents_1);
+            });
+            var query = new Query();
+            if (this.allowPaging || this.enableVirtualization || this.enableInfiniteScrolling) {
+                var pageSize = this.grid.pageSettings.pageSize;
+                var currentPage = this.grid.pageSettings.currentPage;
+                if (visualData.length < (currentPage * pageSize)) {
+                    currentPage = (Math.floor(visualData.length / pageSize)) + ((visualData.length % pageSize) ? 1 : 0);
+                    currentPage = currentPage ? currentPage : 1;
+                    this.grid.setProperties({ pageSettings: { currentPage: currentPage } }, true);
+                }
+                var skip = pageSize * (currentPage - 1);
+                query = query.skip(skip).take(pageSize);
+            }
+            dm.dataSource.json = visualData;
+            result = dm.executeLocal(query);
+        }
+        else {
+            result = this.getData();
+        }
+        return result;
+    };
     /**
      * Retrieves all the TreeGrid row elements.
      *

package/src/treegrid/renderer/render.js

@@ -32,6 +32,16 @@ var Render = /** @class */ (function () {
         }
         var data = args.data;
         var parentData = data.parentItem;
+        if (!isNullOrUndefined(parentData) && data.isCollapsedChild && !isNullOrUndefined(args.row)) {
+            this.parent['toggleRowVisibility'](args.row, 'e-childrow-hidden');
+            var rowsObj = this.parent.grid.getRowsObject();
+            if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
+                var row = rowsObj.filter(function (e) { return e.uid === args.row.getAttribute('data-uid'); })[0];
+                if (row) {
+                    row.visible = false;
+                }
+            }
+        }
         if (!isNullOrUndefined(data.parentItem) && !isFilterChildHierarchy(this.parent) &&
             (!(this.parent.allowPaging && !(this.parent.pageSettings.pageSizeMode === 'Root')) ||
                 (isRemoteData(this.parent) && !isOffline(this.parent)))) {
@@ -60,6 +70,11 @@ var Render = /** @class */ (function () {
         var summaryRow = getObject('isSummaryRow', args.data);
         if (summaryRow) {
             addClass([args.row], 'e-summaryrow');
+            var isDragandDropCell = args.row.querySelector('.e-rowdragdrop') || args.row.querySelector('.e-rowdragdrop.e-dragging');
+            if (isDragandDropCell) {
+                args.row.cells[0].className = 'e-rowcell e-summarycell';
+                args.row.cells[0].innerHTML = '';
+            }
         }
         if (!isNullOrUndefined(args.row)) {
             if (args.row.querySelector('.e-treegridexpand')) {

package/src/treegrid/renderer/virtual-tree-content-render.d.ts

@@ -96,6 +96,7 @@ export declare class VirtualTreeContentRenderer extends VirtualContentRenderer {
      * @returns {void}
      */
     private cellFocus;
+    private updateScrollbar;
     /**
      * Handles the data ready event for the virtual tree grid content renderer.
      *
@@ -317,16 +318,14 @@ export declare class VirtualTreeContentRenderer extends VirtualContentRenderer {
      * @returns {void}
      */
     removeEventListener(): void;
+    destroy(): void;
 }
 export declare class TreeInterSectionObserver extends InterSectionObserver {
     private isWheeling;
     private newPos;
     private lastPos;
     private timer;
-    private containerEl;
-    private movableContainerEl;
-    private containerScrollHandler;
-    private movableScrollHandler;
+    private onWheelEvent;
     /**
      * Sets up observers to monitor scroll events on a given container
      * and its movable companion within a virtual grid setup.
@@ -337,7 +336,7 @@ export declare class TreeInterSectionObserver extends InterSectionObserver {
      * @returns {void}
      */
     observes(callback: Function, onEnterCallback: Function, instance: IGrid): void;
-    disconnect(): void;
+    private onVirtualContentScrolling;
     /**
      * Clears the last known position.
      *