@syncfusion/ej2-treegrid 22.2.9 → 23.1.39

package/dist/global/index.d.ts

@@ -1,7 +1,7 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.9
-*  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
+*  version : 23.1.39
+*  Copyright Syncfusion Inc. 2001 - 2023. 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
 *  licensing@syncfusion.com. Any infringement will be prosecuted under

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-treegrid@*",
-  "_id": "@syncfusion/ej2-treegrid@22.2.7",
+  "_id": "@syncfusion/ej2-treegrid@23.1.36",
   "_inBundle": false,
-  "_integrity": "sha512-o8+KYvDYa3+iIyNrsSOWgw312DfYRAXC/p/ci7TtSarH0/pUmS0j1X/pnDAr6xVTU0GL2N/xCGyrEIXhUxpKIQ==",
+  "_integrity": "sha512-sZERtk+Bjhx0p0/HsmIMLQyckbQV/3nM52E2sEaaOlzPms935IN91FHAZXpK0VkaXFakyjmnSIVeYSdzAW2B9g==",
   "_location": "/@syncfusion/ej2-treegrid",
   "_phantomChildren": {},
   "_requested": {
@@ -24,10 +24,10 @@
     "/@syncfusion/ej2-react-treegrid",
     "/@syncfusion/ej2-vue-treegrid"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-22.2.7.tgz",
-  "_shasum": "50d28084650115fe8009065240becadd7c1c3b4b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-treegrid/-/ej2-treegrid-23.1.36.tgz",
+  "_shasum": "4a0aaf6fc7b7bd862c6f9f0afac5190b9e6a2d9c",
   "_spec": "@syncfusion/ej2-treegrid@*",
-  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -36,10 +36,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.9",
-    "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-grids": "~22.2.9",
-    "@syncfusion/ej2-popups": "~22.2.9"
+    "@syncfusion/ej2-base": "~23.1.38",
+    "@syncfusion/ej2-data": "~23.1.36",
+    "@syncfusion/ej2-grids": "~23.1.39",
+    "@syncfusion/ej2-popups": "~23.1.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 TreeGrid Component",
@@ -66,6 +66,6 @@
     "url": "git+https://github.com/syncfusion/ej2-treegrid.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.9",
+  "version": "23.1.39",
   "sideEffects": false
 }

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

@@ -108,21 +108,7 @@ var BatchEdit = /** @class */ (function () {
     };
     BatchEdit.prototype.cellSaved = function (args) {
         var actualCellIndex = args.column.index;
-        var frozenCols = this.parent.frozenColumns || this.parent.getFrozenColumns();
-        if (frozenCols && args.columnObject.index > frozenCols) {
-            actualCellIndex = actualCellIndex + frozenCols;
-        }
-        var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (freeze) {
-            var colCount = this.parent.getFrozenLeftColumnsCount() + actualCellIndex;
-            if (colCount === this.parent.treeColumnIndex) {
-                this.parent.renderModule.cellRender({ data: args.rowData, cell: args.cell,
-                    column: this.parent.grid.getColumnByIndex(args.column.index)
-                });
-            }
-        }
-        else if (actualCellIndex === this.parent.treeColumnIndex) {
+        if (actualCellIndex === this.parent.treeColumnIndex) {
             this.parent.renderModule.cellRender({ data: args.rowData, cell: args.cell,
                 column: this.parent.grid.getColumnByIndex(args.column.index)
             });
@@ -326,7 +312,7 @@ var BatchEdit = /** @class */ (function () {
             for (var i = firstChildIndex; i <= totalCount; i++) {
                 row.push(this.parent.grid.getDataRows()[parseInt(i.toString(), 10)]);
                 if (this.parent.frozenRows || this.parent.frozenColumns || this.parent.getFrozenColumns()) {
-                    row.push(this.parent.grid.getMovableRows()[parseInt(i.toString(), 10)]);
+                    row.push(this.parent.grid.getHeaderContent()[parseInt(i.toString(), 10)]);
                 }
             }
         }
@@ -358,18 +344,6 @@ var BatchEdit = /** @class */ (function () {
         for (var i = 0; i < rows.length; i++) {
             rows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
         }
-        var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns || freeze) {
-            var mRows = this.parent.grid.getMovableDataRows();
-            var freezeRightRows = this.parent.grid.getFrozenRightDataRows();
-            for (var i = 0; i < mRows.length; i++) {
-                mRows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
-                if (freeze) {
-                    freezeRightRows[parseInt(i.toString(), 10)].setAttribute('data-rowindex', i.toString());
-                }
-            }
-        }
     };
     BatchEdit.prototype.updateChildCount = function (records) {
         var primaryKey = this.parent.grid.getPrimaryKeyFieldNames()[0];

package/src/treegrid/actions/crud-actions.js

@@ -386,7 +386,7 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
         }
         var movableRow = void 0;
         if (control.frozenRows || control.getFrozenColumns()) {
-            movableRow = control.getMovableRowByIndex(index_1);
+            movableRow = control.getRowByIndex(index_1);
         }
         if (!control.enableVirtualization && !isNullOrUndefined(row) || !isNullOrUndefined(movableRow)) {
             var index_2 = control.treeColumnIndex;

package/src/treegrid/actions/edit.js

@@ -190,8 +190,8 @@ var Edit = /** @class */ (function () {
                 currentData.splice(newRowObjectIndex, 0, newRecord);
                 this.updateInfiniteCurrentViewData(newRecord, this.addRowIndex);
             }
-            var movableRows = this.parent.grid.getMovableRows();
-            var movableRowsObject = this.parent.grid.getMovableRowsObject();
+            var movableRows = this.parent.grid.getRows();
+            var movableRowsObject = this.parent.grid.getRowsObject();
             var isCache = this.parent.infiniteScrollSettings.enableCache;
             if (!isCache) {
                 resetRowIndex(this.parent.grid, this.parent.grid.getRowsObject(), this.parent.grid.getRows(), 0);
@@ -398,16 +398,13 @@ var Edit = /** @class */ (function () {
                     if (this.parent.getRows().indexOf(row_1) !== -1) {
                         rowIndex_1 = this.parent.getRows().indexOf(row_1);
                     }
-                    else if (this.parent.getFrozenRightRows().indexOf(row_1) !== -1) {
-                        rowIndex_1 = this.parent.getFrozenRightRows().indexOf(row_1);
-                    }
                     else {
-                        rowIndex_1 = this.parent.getMovableRows().indexOf(row_1);
+                        rowIndex_1 = this.parent.getRows().indexOf(row_1);
                     }
                 }
                 else {
                     rowIndex_1 = (this.parent.getRows().indexOf(row_1) === -1 && (this.parent.getFrozenColumns() > 0)) ?
-                        this.parent.grid.getMovableRows().indexOf(row_1) : this.parent.getRows().indexOf(row_1);
+                        this.parent.grid.getRows().indexOf(row_1) : this.parent.getRows().indexOf(row_1);
                 }
             }
             var arg = {};
@@ -463,7 +460,6 @@ var Edit = /** @class */ (function () {
         }
     };
     Edit.prototype.afterCellSave = function (args, row, rowIndex) {
-        var mRow;
         if (this.parent.grid.aggregateModule) {
             this.parent.grid.aggregateModule.refresh(args.rowData);
         }
@@ -474,31 +470,6 @@ var Edit = /** @class */ (function () {
             this.isOnBatch = false;
         }
         this.enableToolbarItems('save');
-        var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-            this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (freeze) {
-            if (args.cell.closest('.e-frozen-left-header') || args.cell.closest('.e-frozen-left-content')) {
-                mRow = this.parent.grid.getRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            else if (args.cell.closest('.e-movableheader') || args.cell.closest('.e-movablecontent')) {
-                mRow = this.parent.grid.getMovableRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            else {
-                mRow = this.parent.grid.getFrozenRightRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            removeClass([mRow], ['e-editedrow', 'e-batchrow']);
-            removeClass(mRow.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
-        }
-        else if (this.parent.getFrozenColumns() > 0) {
-            if (args.cell.closest('.e-frozenheader') || args.cell.closest('.e-frozencontent')) {
-                mRow = this.parent.grid.getRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            else {
-                mRow = this.parent.grid.getMovableRows()[parseInt(rowIndex.toString(), 10)];
-            }
-            removeClass([mRow], ['e-editedrow', 'e-batchrow']);
-            removeClass(mRow.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
-        }
         removeClass([row], ['e-editedrow', 'e-batchrow']);
         removeClass(row.querySelectorAll('.e-rowcell'), ['e-editedbatchcell', 'e-updatedtd']);
         if (this.parent['isCellSaveFocus'] !== false) {
@@ -684,23 +655,6 @@ var Edit = /** @class */ (function () {
                     this.parent.grid.contentModule["" + r].splice(0, 1);
                     this.parent.grid.contentModule["" + r].splice(rowObjectIndex, 0, newRowObject);
                 }
-                var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
-                    this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
-                if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns || freeze) {
-                    var movableRows = this.parent.getMovableDataRows();
-                    var frows = 'freezeRows';
-                    var newFreezeRowObject = this.parent.grid.getRowsObject()[0];
-                    movableRows[index + 1]["" + position](movableRows[0]);
-                    if (freeze) {
-                        var rightFrozenRows = this.parent.getFrozenRightDataRows();
-                        rightFrozenRows[index + 1]["" + position](rightFrozenRows[0]);
-                    }
-                    if (this.parent.editSettings.mode === 'Batch') {
-                        this.parent.grid.contentModule["" + frows].splice(0, 1);
-                        this.parent.grid.contentModule["" + frows].splice(rowObjectIndex, 0, newFreezeRowObject);
-                    }
-                    setValue('batchIndex', index + 1, this.batchEditModule);
-                }
                 if (this.parent.editSettings.mode === 'Row' || this.parent.editSettings.mode === 'Cell') {
                     var errors = this.parent.grid.getContentTable().querySelectorAll('.e-griderror');
                     for (var i = 0; i < errors.length; i++) {
@@ -1073,8 +1027,8 @@ var Edit = /** @class */ (function () {
                 || (this.parent.editSettings.mode === 'Batch' && e.args.requestType.toString() === 'batchsave'))) {
             this.updateIndex(this.parent.grid.dataSource, this.parent.getRows(), this.parent.getCurrentViewRecords());
             if (this.parent.frozenRows || this.parent.getFrozenColumns() || this.parent.frozenColumns) {
-                if (this.parent.grid.dataSource.length === this.parent.getMovableDataRows().length) {
-                    this.updateIndex(this.parent.grid.dataSource, this.parent.getMovableDataRows(), this.parent.getCurrentViewRecords());
+                if (this.parent.grid.dataSource.length === this.parent.getDataRows().length) {
+                    this.updateIndex(this.parent.grid.dataSource, this.parent.getDataRows(), this.parent.getCurrentViewRecords());
                 }
             }
         }

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

@@ -1,6 +1,6 @@
 import { TreeGrid } from '../base/treegrid';
 import { ExcelExportProperties } from '@syncfusion/ej2-grids';
-import { Ajax } from '@syncfusion/ej2-base';
+import { Fetch } from '@syncfusion/ej2-base';
 import { Query } from '@syncfusion/ej2-data';
 /**
  * TreeGrid Excel Export module
@@ -44,7 +44,7 @@ export declare class ExcelExport {
     private updateExcelResultModel;
     Map(excelExportProperties?: ExcelExportProperties, isMultipleExport?: boolean, workbook?: any, isBlob?: boolean, isCsv?: boolean): Promise<Object>;
     protected generateQuery(query: Query, property?: ExcelExportProperties): Query;
-    protected manipulateExportProperties(property?: ExcelExportProperties, dtSrc?: Object, queryResult?: Ajax): Object;
+    protected manipulateExportProperties(property?: ExcelExportProperties, dtSrc?: Object, queryResult?: Fetch): Object;
     /**
      * TreeGrid Excel Export cell modifier
      *

package/src/treegrid/actions/freeze-column.d.ts

@@ -14,7 +14,6 @@ export declare class Freeze {
     constructor(parent?: TreeGrid);
     addEventListener(): void;
     removeEventListener(): void;
-    protected instantiateRenderer(): void;
     private rowExpandCollapse;
     private dblClickHandler;
     private dataBoundArg;

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

@@ -1,7 +1,6 @@
-import { ColumnFreezeContentRenderer, ColumnFreezeHeaderRenderer, FreezeRender, parentsUntil, RenderType } from '@syncfusion/ej2-grids';
+import { parentsUntil } from '@syncfusion/ej2-grids';
 import { Grid, Freeze as FreezeColumn } from '@syncfusion/ej2-grids';
-import { addClass, getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
-import { ColumnVirtualTreeFreezeRenderer, VirtualTreeFreezeRenderer, VirtualTreeFreezeHdrRenderer } from '../renderer/virtual-tree-freeze-render';
+import { addClass, isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * TreeGrid Freeze module
  *
@@ -22,7 +21,6 @@ var Freeze = /** @class */ (function () {
         this.parent.on('rowExpandCollapse', this.rowExpandCollapse, this);
         this.parent.on('dataBoundArg', this.dataBoundArg, this);
         this.parent.grid.on('dblclick', this.dblClickHandler, this);
-        this.parent.grid.on('initial-load', this.instantiateRenderer, this);
     };
     Freeze.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -31,46 +29,16 @@ var Freeze = /** @class */ (function () {
         this.parent.off('rowExpandCollapse', this.rowExpandCollapse);
         this.parent.off('dataBoundArg', this.dataBoundArg);
         this.parent.grid.off('dblclick', this.dblClickHandler);
-        this.parent.grid.off('initial-load', this.instantiateRenderer);
-    };
-    Freeze.prototype.instantiateRenderer = function () {
-        var renderer = getValue('serviceLocator', this.parent.grid).getService('rendererFactory');
-        if (this.parent.getFrozenColumns()) {
-            if (this.parent.enableColumnVirtualization) {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Header, new VirtualTreeFreezeHdrRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-            else {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Header, new FreezeRender(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-            if (this.parent.enableVirtualization) {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Content, new VirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-        }
-        if (this.parent.getFrozenLeftColumnsCount() || this.parent.getFrozenRightColumnsCount()) {
-            getValue('addRenderer', renderer)
-                .apply(renderer, [RenderType.Header, new ColumnFreezeHeaderRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            if (this.parent.enableVirtualization) {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Content, new ColumnVirtualTreeFreezeRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-            else {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Content, new ColumnFreezeContentRenderer(getValue('grid', this.parent), getValue('serviceLocator', this.parent.grid))]);
-            }
-        }
     };
     Freeze.prototype.rowExpandCollapse = function (args) {
-        var movableRows = this.parent.getMovableDataRows();
+        var movableRows = this.parent.getDataRows();
         var frozenrows = this.parent.getRows();
         var rows;
         var frozenRightRows;
         var freeze = (this.parent.getFrozenLeftColumnsCount() > 0 ||
             this.parent.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
-            frozenRightRows = this.parent.getFrozenRightRows().filter(function (e) {
+            frozenRightRows = this.parent.getRows().filter(function (e) {
                 return e.querySelector('.e-gridrowindex' + args.record.index + 'level' + (args.record.level + 1));
             });
         }

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

@@ -102,7 +102,7 @@ var InfiniteScroll = /** @class */ (function () {
             var updateIndex = 'updateIndex';
             this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getRows(), this.parent.getCurrentViewRecords());
             if (this.parent.getFrozenColumns()) {
-                this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getMovableDataRows(), this.parent.getCurrentViewRecords());
+                this.parent.editModule["" + updateIndex](this.parent.grid.dataSource, this.parent.getDataRows(), this.parent.getCurrentViewRecords());
             }
         }
     };
@@ -223,8 +223,8 @@ var InfiniteScroll = /** @class */ (function () {
             var keyField = this.parent.grid.getPrimaryKeyFieldNames()[0];
             this.removeRows(rowElms, rows, data, keyField, true);
             if (this.parent.getFrozenColumns() > 0) {
-                var mRows = this.parent.grid.getMovableRowsObject();
-                var mRowElms = this.parent.grid.getMovableRows();
+                var mRows = this.parent.grid.getRowsObject();
+                var mRowElms = this.parent.grid.getRows();
                 this.removeRows(mRowElms, mRows, data, keyField);
             }
         }
@@ -270,23 +270,23 @@ var InfiniteScroll = /** @class */ (function () {
         var rowRenderer = new RowRenderer(serviceLocator, null, this.parent.grid);
         var tbody;
         var currentData = this.parent.getCurrentViewRecords();
-        var currentRows = eventArgs.isMovable ? this.parent.grid.getMovableRows()
+        var currentRows = eventArgs.isMovable ? this.parent.grid.getRows()
             : this.parent.grid.getDataRows();
         if (eventArgs.isFrozenRight) {
             tbody = this.parent.element.querySelector('.e-frozen-right-content').querySelector('tbody');
         }
         else {
             tbody = !this.parent.grid.isFrozenGrid() ? this.parent.getContent().querySelector('tbody') : eventArgs.isMovable
-                ? this.parent.grid.getMovableVirtualContent().querySelector('tbody')
-                : this.parent.grid.getFrozenVirtualContent().querySelector('tbody');
+                ? this.parent.grid.getContent().querySelector('tbody')
+                : this.parent.grid.getContent().querySelector('tbody');
         }
         if (this.parent.frozenRows) {
             tbody = eventArgs.isFrozenRows && this.parent.grid.infiniteScrollModule.requestType !== 'add'
                 || !eventArgs.isFrozenRows && this.parent.grid.infiniteScrollModule.requestType === 'add'
                 ? !this.parent.grid.isFrozenGrid() ? this.parent.getHeaderContent().querySelector('tbody')
-                    : eventArgs.isMovable ? this.parent.grid.getMovableVirtualHeader().querySelector('tbody')
+                    : eventArgs.isMovable ? this.parent.grid.getHeaderContent().querySelector('tbody')
                         : eventArgs.isFrozenRight ? this.parent.element.querySelector('.e-frozen-right-header').querySelector('tbody')
-                            : this.parent.grid.getFrozenVirtualHeader().querySelector('tbody') : tbody;
+                            : this.parent.grid.getHeaderContent().querySelector('tbody') : tbody;
         }
         var position;
         var addRowIndex = 'addRowIndex';

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

@@ -1,6 +1,6 @@
 import { TreeGrid } from '../base/treegrid';
 import { PdfExportProperties } from '@syncfusion/ej2-grids';
-import { Ajax } from '@syncfusion/ej2-base';
+import { Fetch } from '@syncfusion/ej2-base';
 import { Query } from '@syncfusion/ej2-data';
 /**
  * TreeGrid PDF Export module
@@ -43,7 +43,7 @@ export declare class PdfExport {
     private updatePdfResultModel;
     Map(pdfExportProperties?: PdfExportProperties, isMultipleExport?: boolean, pdfDoc?: Object, isBlob?: boolean): Promise<Object>;
     protected generateQuery(query: Query, prop?: PdfExportProperties): Query;
-    protected manipulatePdfProperties(prop?: PdfExportProperties, dtSrc?: Object, queryResult?: Ajax): Object;
+    protected manipulatePdfProperties(prop?: PdfExportProperties, dtSrc?: Object, queryResult?: Fetch): Object;
     /**
      * TreeGrid PDF Export cell modifier
      *

package/src/treegrid/actions/rowdragdrop.js

@@ -709,6 +709,9 @@ var RowDD = /** @class */ (function () {
         if (!tObj.rowDropSettings.targetID && this.canDrop) {
             tObj.rowDragAndDropModule.updateIcon(args.rows, rowIdx, args);
         }
+        if (isNullOrUndefined(tObj.rowDropSettings.targetID) && !this.canDrop) {
+            this.removetopOrBottomBorder();
+        }
         if (tObj.rowDropSettings.targetID) {
             var dropElement = parentsUntil(args.target, 'e-treegrid');
             if (dropElement && dropElement.id === this.parent.rowDropSettings.targetID) {
@@ -732,7 +735,6 @@ var RowDD = /** @class */ (function () {
                     this.dropPosition = 'Invalid';
                 }
                 setValue('dropPosition', this.dropPosition, args);
-                args.dropIndex = args.dropIndex === args.fromIndex ? this.getTargetIdx(args.target.parentElement) : args.dropIndex;
                 tObj.trigger(events.rowDrop, args);
                 if (!args.cancel) {
                     if (!isCountRequired(this.parent)) {

package/src/treegrid/actions/selection.js

@@ -366,7 +366,7 @@ var Selection = /** @class */ (function () {
         if (recordIndex > -1) {
             var movableTr = void 0;
             if (this.parent.frozenRows || this.parent.getFrozenColumns()) {
-                movableTr = this.parent.getMovableDataRows()[parseInt(recordIndex.toString(), 10)];
+                movableTr = this.parent.getDataRows()[parseInt(recordIndex.toString(), 10)];
             }
             checkbox = tr.querySelectorAll('.e-frame')[0] ? tr.querySelectorAll('.e-frame')[0]
                 : movableTr.querySelectorAll('.e-frame')[0];

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

@@ -106,6 +106,7 @@ var VirtualScroll = /** @class */ (function () {
         this.parent.grid.notify(events.indexModifier, counts);
         var startIndex = counts.startIndex;
         var endIndex = counts.endIndex;
+        pageingDetails.count = visualData.length;
         if (startIndex === -1 && endIndex === -1) {
             var query = new Query();
             var size = this.parent.grid.pageSettings.pageSize;
@@ -124,7 +125,7 @@ var VirtualScroll = /** @class */ (function () {
                 this.parent.grid.getContent().firstElementChild.scrollTop = 0;
                 this.parent.grid.notify(events.virtualActionArgs, { setTop: true });
             }
-            if ((requestType === 'save' && (pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt']) && (counts.count === this.prevendIndex + 1))) {
+            if ((requestType === 'save' && pageingDetails.actionArgs.index >= (counts.count - this.parent.grid.pageSettings.pageSize)) || (requestType === 'refresh' && this.parent['isGantt'] && this.parent['isAddedFromGantt'])) {
                 startIndex = counts.startIndex + (counts.count - counts.endIndex);
                 endIndex = counts.count;
                 this.parent['isAddedFromGantt'] = false;
@@ -198,15 +199,12 @@ var TreeVirtual = /** @class */ (function (_super) {
         var parentGrid = getValue('parent', this);
         getValue('parent', this).log(['limitation', 'virtual_height'], 'virtualization');
         var renderer = getValue('locator', this).getService('rendererFactory');
-        if (!parentGrid.isFrozenGrid()) {
-            if (parentGrid.enableColumnVirtualization) {
-                getValue('addRenderer', renderer)
-                    .apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
-            }
+        if (parentGrid.enableColumnVirtualization) {
             getValue('addRenderer', renderer)
-                .apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
+                .apply(renderer, [RenderType.Header, new VirtualHeaderRenderer(getValue('parent', this), getValue('locator', this))]);
         }
-        //renderer.addRenderer(RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this)));
+        getValue('addRenderer', renderer)
+            .apply(renderer, [RenderType.Content, new VirtualTreeContentRenderer(getValue('parent', this), getValue('locator', this))]);
         this.ensurePageSize();
     };
     TreeVirtual.prototype.ensurePageSize = function () {

package/src/treegrid/base/data.js

@@ -100,9 +100,13 @@ var DataManipulation = /** @class */ (function () {
                     qry.isCountRequired = true;
                     dm.executeQuery(qry).then(function (e) {
                         _this.parentItems = DataUtil.distinct(e.result, _this.parent.parentIdMapping, false);
-                        var req = getObject('dataSource.requests', _this.parent).filter(function (e) {
-                            return e.httpRequest.statusText !== 'OK';
-                        }).length;
+                        var req;
+                        if (e.result) {
+                            req = 0;
+                        }
+                        else {
+                            req = 1;
+                        }
                         if (req === 0) {
                             setValue('grid.contentModule.isLoaded', true, _this.parent);
                             if (!isNullOrUndefined(_this.zerothLevelData)) {
@@ -362,7 +366,19 @@ var DataManipulation = /** @class */ (function () {
             var remoteCollapsedData = 'remoteCollapsedData';
             var level = 'level';
             var datas = _this.parent.grid.currentViewData.slice();
-            var inx = datas.indexOf(rowDetails.record);
+            var inx;
+            var idMapping = _this.parent.idMapping;
+            if (_this.parent['isGantt'] && !_this.parent.loadChildOnDemand && _this.parent.hasChildMapping) {
+                for (var i = 0; i < _this.parent.grid.currentViewData.length; i++) {
+                    if (rowDetails.record[idMapping] === _this.parent.grid.currentViewData[i][idMapping]) {
+                        inx = i;
+                        break;
+                    }
+                }
+            }
+            else {
+                inx = datas.indexOf(rowDetails.record);
+            }
             if (_this.parent.enableVirtualization && (rowDetails.action === 'collapse' || rowDetails.action === 'remoteExpand')) {
                 datas = [];
                 for (var i = 0; i < inx; i++) {

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

@@ -1,4 +1,4 @@
-import { Component, addClass, createElement, EventHandler, isNullOrUndefined, Ajax, ModuleDeclaration, extend, merge, SanitizeHtmlHelper} from '@syncfusion/ej2-base';import { removeClass, EmitType, Complex, Collection, KeyboardEventArgs, getValue } 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 } from '@syncfusion/ej2-grids';import { GridModel, ColumnQueryModeType, HeaderCellInfoEventArgs, EditSettingsModel as GridEditModel } from '@syncfusion/ej2-grids';import { RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid } from '@syncfusion/ej2-grids';import { LoadingIndicator } from '../models/loading-indicator';import { LoadingIndicatorModel } from '../models/loading-indicator-model';import { ActionEventArgs, 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 } 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 } 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, Fetch, 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 } from '@syncfusion/ej2-grids';import { RowDragEventArgs, RowDropEventArgs, RowDropSettingsModel, RowDropSettings, getUid } from '@syncfusion/ej2-grids';import { LoadingIndicator } from '../models/loading-indicator';import { LoadingIndicatorModel } from '../models/loading-indicator-model';import { ActionEventArgs, 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 } 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 {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -203,6 +203,13 @@ export interface TreeGridModel extends ComponentModel{
      */
     rowDropSettings?: RowDropSettingsModel;
 
+    /**
+     * Defines the currencyCode format of the Tree Grid columns
+     *
+     * @private
+     */
+    currencyCode?: string;
+
     /**
      * @hidden
      * It used to render pager template