@syncfusion/ej2-treegrid 22.2.7 → 23.1.36

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

@@ -113,6 +113,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     private treeColumnTextAlign;
     private treeColumnField;
     private stackedHeader;
+    private isExcel;
     /** @hidden */
     initialRender: boolean;
     /** @hidden */
@@ -360,6 +361,12 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Configures the row drop settings of the TreeGrid.
      */
     rowDropSettings: RowDropSettingsModel;
+    /**
+     * Defines the currencyCode format of the Tree Grid columns
+     *
+     * @private
+     */
+    private currencyCode;
     /**
      * @hidden
      * It used to render pager template
@@ -1144,6 +1151,47 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @returns {Promise<any>} - Returns promise object of export action
      */
     pdfExport(pdfExportProperties?: PdfExportProperties | TreeGridPdfExportProperties, isMultipleExport?: boolean, pdfDoc?: Object, isBlob?: boolean): Promise<Object>;
+    /**
+     * Sends a post request to export tree grid to excel file in server side.
+     *
+     * @param  {string} url - Pass URL for server side excel export action.
+     * @returns {void}
+     */
+    serverExcelExport(url: string): void;
+    /**
+     * Sends a post request to export tree grid to pdf file in server side.
+     *
+     * @param  {string} url - Pass URL for server-side pdf export action.
+     * @returns {void}
+     */
+    serverPdfExport(url: string): void;
+    /**
+     * Sends a Post request to export Tree Grid to CSV file in server side.
+     *
+     * @param  {string} url - Pass URL for server-side csv export action.
+     * @returns {void}
+     */
+    serverCsvExport(url: string): void;
+    /**
+     * Exports the TreeGrid data to the specified URL using a POST request.
+     * @param {string} url - Defines exporting url
+     * @returns {void}
+     */
+    private exportTreeGrid;
+    /**
+     * Sets the header text and other properties for an array of columns based on specified criteria.
+     * @param {Column[]} columns - Defines array of columns
+     * @param {string[]} include - Defines array of sting
+     * @returns {Column[]} returns array of columns
+     */
+    private setHeaderText;
+    /**
+     * Retrieves the appropriate format string from the given format options.
+     *
+     * @param {string | NumberFormatOptions | DateFormatOptions} format - The format options to retrieve the format string from.
+     * @returns {string} The format string extracted from the provided format options.
+     */
+    private getFormat;
     /**
      * For internal use only - Get the module name.
      *
@@ -1740,7 +1788,6 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     expandRow(row: HTMLTableRowElement, record?: Object, key?: Object, level?: number): void;
     private expandRows;
     private expandCollapseAllChildren;
-    private setHeightForFrozenContent;
     private getCollapseExpandRecords;
     /**
      * Collapses child rows
@@ -1921,12 +1968,16 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} rowIndex - Specifies the row index.
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} - Returns movable cell element from the indexes passed
+     *
+
      */
     getMovableCellFromIndex(rowIndex: number, columnIndex: number): Element;
     /**
      * Gets all the TreeGrid's movable table data rows.
      *
      * @returns {Element[]} - Returns element collection of movable rows
+     *
+
      */
     getMovableDataRows(): Element[];
     /**
@@ -1934,12 +1985,15 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @param  {number} index - Specifies the row index.
      * @returns {Element} - Returns movable row based on index passed
+     *
+
      */
     getMovableRowByIndex(index: number): Element;
     /**
      * Gets the TreeGrid's movable content rows from frozen treegrid.
      *
      * @returns {Element[]}: Returns movable row element
+
      */
     getMovableRows(): Element[];
     /**
@@ -1947,18 +2001,24 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @param  {number} index - Specifies the row index.
      * @returns {Element} returns the element
+     *
+
      */
     getFrozenRightRowByIndex(index: number): Element;
     /**
      * Gets the Tree Grid's frozen right content rows from frozen Tree Grid.
      *
      * @returns {Element[]} returns the element
+     *
+
      */
     getFrozenRightRows(): Element[];
     /**
      * Gets all the Tree Grid's frozen right table data rows.
      *
      * @returns {Element[]} Returns the Element
+     *
+
      */
     getFrozenRightDataRows(): Element[];
     /**
@@ -1967,6 +2027,8 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * @param  {number} rowIndex - Specifies the row index.
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+
      */
     getFrozenRightCellFromIndex(rowIndex: number, columnIndex: number): Element;
     /**
@@ -1974,6 +2036,8 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+
      */
     getFrozenLeftColumnHeaderByIndex(index: number): Element;
     /**
@@ -1981,6 +2045,8 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+
      */
     getFrozenRightColumnHeaderByIndex(index: number): Element;
     /**
@@ -1988,6 +2054,8 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+
      */
     getMovableColumnHeaderByIndex(index: number): Element;
     /**

package/src/treegrid/base/treegrid.js

@@ -21,6 +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 { RowDropSettings, getUid } from '@syncfusion/ej2-grids';
 import { LoadingIndicator } from '../models/loading-indicator';
 import { FilterSettings } from '../models/filter-settings';
@@ -33,7 +34,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 } from '@syncfusion/ej2-data';
+import { DataManager, RemoteSaveAdaptor, Query, JsonAdaptor, Deferred, UrlAdaptor } 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';
@@ -145,6 +146,112 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.pdfExport = function (pdfExportProperties, isMultipleExport, pdfDoc, isBlob) {
         return this.pdfExportModule.Map(pdfExportProperties, isMultipleExport, pdfDoc, isBlob);
     };
+    /**
+     * Sends a post request to export tree grid to excel file in server side.
+     *
+     * @param  {string} url - Pass URL for server side excel export action.
+     * @returns {void}
+     */
+    TreeGrid.prototype.serverExcelExport = function (url) {
+        this.isExcel = true;
+        this.exportTreeGrid(url);
+    };
+    /**
+     * Sends a post request to export tree grid to pdf file in server side.
+     *
+     * @param  {string} url - Pass URL for server-side pdf export action.
+     * @returns {void}
+     */
+    TreeGrid.prototype.serverPdfExport = function (url) {
+        this.isExcel = false;
+        this.exportTreeGrid(url);
+    };
+    /**
+     * Sends a Post request to export Tree Grid to CSV file in server side.
+     *
+     * @param  {string} url - Pass URL for server-side csv export action.
+     * @returns {void}
+     */
+    TreeGrid.prototype.serverCsvExport = function (url) {
+        this.isExcel = true;
+        this.exportTreeGrid(url);
+    };
+    /**
+     * Exports the TreeGrid data to the specified URL using a POST request.
+     * @param {string} url - Defines exporting url
+     * @returns {void}
+     */
+    TreeGrid.prototype.exportTreeGrid = function (url) {
+        // eslint-disable-next-line @typescript-eslint/no-this-alias
+        var treegrid = this;
+        var query = treegrid.grid.getDataModule().generateQuery(true);
+        var state = new UrlAdaptor().processQuery(new DataManager({ url: '' }), query);
+        var queries = JSON.parse(state.data);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        var treeGridModel = JSON.parse(this.addOnPersist(['allowPaging', 'pageSettings', 'sortSettings', 'allowPdfExport', 'allowExcelExport', 'aggregates',
+            'filterSettings', 'columns', 'locale', 'searchSettings', 'idMapping', 'parentIdMapping', 'childMapping', 'treeColumnIndex']));
+        var include = ['field', 'headerText', 'type', 'format', 'visible',
+            'template', 'index', 'width', 'textAlign', 'headerTextAlign', 'columns'];
+        treeGridModel.filterSettings.columns = queries.where;
+        treeGridModel.searchSettings.fields = queries.search && queries.search[0]['fields'] || [];
+        treeGridModel.sortSettings.columns = queries.sorted;
+        treeGridModel.columns = this.setHeaderText(treeGridModel.columns, include);
+        var form = this.createElement('form', { id: 'ExportForm', styles: 'display:none;' });
+        var treeGridInput = this.createElement('input', { id: 'treeGridInput', attrs: { name: 'treeGridModel' } });
+        treeGridInput.value = JSON.stringify(treeGridModel);
+        form.method = 'POST';
+        form.action = url;
+        form.appendChild(treeGridInput);
+        document.body.appendChild(form);
+        form.submit();
+        form.remove();
+    };
+    /**
+     * Sets the header text and other properties for an array of columns based on specified criteria.
+     * @param {Column[]} columns - Defines array of columns
+     * @param {string[]} include - Defines array of sting
+     * @returns {Column[]} returns array of columns
+     */
+    TreeGrid.prototype.setHeaderText = function (columns, include) {
+        for (var i = 0; i < columns.length; i++) {
+            var column = this.getColumnByUid(columns[parseInt(i.toString(), 10)].uid);
+            if (this.stackedHeader && isNullOrUndefined(column)) {
+                column = !isNullOrUndefined(columns[parseInt(i.toString(), 10)].field) ?
+                    this.getColumnByField(columns[parseInt(i.toString(), 10)].field) : columns[parseInt(i.toString(), 10)];
+            }
+            columns[parseInt(i.toString(), 10)].headerText = column.headerText;
+            if (!isNullOrUndefined(column.template)) {
+                columns[parseInt(i.toString(), 10)].template = 'true';
+            }
+            if (columns[parseInt(i.toString(), 10)].format) {
+                columns[parseInt(i.toString(), 10)].format = getNumberFormat(this.getFormat(column.format), column.type, false, this.currencyCode);
+                if (!this.isExcel && (column.type === 'datetime' || column.type === 'date')) {
+                    columns[parseInt(i.toString(), 10)].format = columns[parseInt(i.toString(), 10)].format.toString().replace('AM/PM', 'tt');
+                }
+                columns[parseInt(i.toString(), 10)].type = column.type;
+            }
+            if (columns[parseInt(i.toString(), 10)].columns) {
+                this.setHeaderText(columns[parseInt(i.toString(), 10)].columns, include);
+            }
+            var keys = Object.keys(columns[parseInt(i.toString(), 10)]);
+            for (var j = 0; j < keys.length; j++) {
+                if (include.indexOf(keys[parseInt(j.toString(), 10)]) < 0) {
+                    delete columns[parseInt(i.toString(), 10)][keys[parseInt(j.toString(), 10)]];
+                }
+            }
+        }
+        return columns;
+    };
+    /**
+     * Retrieves the appropriate format string from the given format options.
+     *
+     * @param {string | NumberFormatOptions | DateFormatOptions} format - The format options to retrieve the format string from.
+     * @returns {string} The format string extracted from the provided format options.
+     */
+    TreeGrid.prototype.getFormat = function (format) {
+        return typeof (format) === 'object' ? !isNullOrUndefined(format.format) ?
+            format.format : format.skeleton : format;
+    };
     /**
      * For internal use only - Get the module name.
      *
@@ -420,7 +527,7 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.requiredModules = function () {
         var modules = [];
         var splitFrozenCount = 'splitFrozenCount';
-        this.grid["" + splitFrozenCount](this.getGridColumns(this.columns));
+        this.grid["" + splitFrozenCount](this.getColumns());
         if (this.isDestroyed) {
             return modules;
         }
@@ -780,9 +887,11 @@ var TreeGrid = /** @class */ (function (_super) {
     TreeGrid.prototype.IsExpandCollapseClicked = function (args) {
         if (!isNullOrUndefined(args.target) && (args.target.classList.contains('e-treegridexpand')
             || args.target.classList.contains('e-treegridcollapse') || args.target.classList.contains('e-summarycell'))
-            && (!isNullOrUndefined(args.data) && args.data['hasChildRecords']) && !this.selectionSettings.checkboxOnly) {
-            args.cancel = true;
-            return;
+            && !this.selectionSettings.checkboxOnly) {
+            if ((!isNullOrUndefined(args.data) && args.data['hasChildRecords']) || (args.rowIndex !== -1 && isNullOrUndefined(args.data))) {
+                args.cancel = true;
+                return;
+            }
         }
     };
     TreeGrid.prototype.bindGridEvents = function () {
@@ -900,9 +1009,13 @@ var TreeGrid = /** @class */ (function (_super) {
             _this.updateAltRow(_this.getRows());
             _this.notify('dataBoundArg', args);
             if (isRemoteData(_this) && !isOffline(_this) && !_this.hasChildMapping) {
-                var req = getObject('dataSource.requests', _this).filter(function (e) {
-                    return e.httpRequest.statusText !== 'OK';
-                }).length;
+                var req = void 0;
+                if (_this.dataResults.result) {
+                    req = 0;
+                }
+                else {
+                    req = 1;
+                }
                 setValue('grid.contentModule.isLoaded', !(req > 0), _this);
             }
             if (_this.isPixelHeight() && _this.initialRender) {
@@ -1849,9 +1962,11 @@ var TreeGrid = /** @class */ (function (_super) {
         }
     };
     TreeGrid.prototype.ignoreInColumn = function (ignoreOnColumn, column) {
-        for (var i = 0; i < ignoreOnColumn.length; i++) {
-            delete column[ignoreOnColumn[parseInt(i.toString(), 10)]];
-            column.filter = {};
+        if (isNullOrUndefined(column.template)) {
+            for (var i = 0; i < ignoreOnColumn.length; i++) {
+                delete column[ignoreOnColumn[parseInt(i.toString(), 10)]];
+                column.filter = {};
+            }
         }
     };
     TreeGrid.prototype.mouseClickHandler = function (e) {
@@ -2661,7 +2776,6 @@ var TreeGrid = /** @class */ (function (_super) {
         var children = 'Children';
         if (!(isRemoteData(this) && !isOffline(this)) && (!isCountRequired(this) || !isNullOrUndefined(record["" + children]))) {
             var expandArgs = { data: record, row: row };
-            this.setHeightForFrozenContent();
             if (!isNullOrUndefined(this.expandStateMapping)) {
                 this.updateExpandStateMapping(expandArgs.data, true);
             }
@@ -2688,12 +2802,6 @@ var TreeGrid = /** @class */ (function (_super) {
             this.expandCollapse(action, null, records[parseInt(i.toString(), 10)]);
         }
     };
-    TreeGrid.prototype.setHeightForFrozenContent = function () {
-        var freeze = (this.grid.getFrozenLeftColumnsCount() > 0 || this.grid.getFrozenRightColumnsCount() > 0) ? true : false;
-        if (this.grid.getFrozenColumns() > 0 || freeze) {
-            this.grid.contentModule.refreshScrollOffset();
-        }
-    };
     TreeGrid.prototype.getCollapseExpandRecords = function (row, record) {
         if (this.allowPaging && this.pageSettings.pageSizeMode === 'All' && this.isExpandAll && isNullOrUndefined(record) &&
             !isRemoteData(this)) {
@@ -2770,7 +2878,6 @@ var TreeGrid = /** @class */ (function (_super) {
         this.expandCollapse('collapse', row, record);
         var collapseArgs = { data: record, row: row };
         if (!isRemoteData(this)) {
-            this.setHeightForFrozenContent();
             if (!isNullOrUndefined(this.expandStateMapping)) {
                 this.updateExpandStateMapping(collapseArgs.data, false);
             }
@@ -3225,7 +3332,6 @@ var TreeGrid = /** @class */ (function (_super) {
             _this.isExpandRefresh = true;
             var scrollHeightBeforeRefresh = _this.getContentTable().parentElement.scrollTop;
             _this.grid.refresh();
-            _this.setHeightForFrozenContent();
             if (_this.enableInfiniteScrolling) {
                 _this.getContentTable().parentElement.scrollTop = scrollHeightBeforeRefresh;
             }
@@ -3248,7 +3354,6 @@ var TreeGrid = /** @class */ (function (_super) {
             this.notify(events.remoteExpand, { record: record, rows: rows, parentRow: row });
             var args_1 = { row: row, data: record };
             if (rows.length > 0) {
-                this.setHeightForFrozenContent();
                 this.trigger(events.expanded, args_1);
             }
         }
@@ -3257,7 +3362,6 @@ var TreeGrid = /** @class */ (function (_super) {
         }
         else {
             this.collapseRemoteChild({ record: record, rows: rows });
-            this.setHeightForFrozenContent();
             this.trigger(events.collapsed, args);
         }
     };
@@ -3292,12 +3396,12 @@ var TreeGrid = /** @class */ (function (_super) {
         }
         var freeze = (this.grid.getFrozenLeftColumnsCount() > 0 || this.grid.getFrozenRightColumnsCount() > 0) ? true : false;
         if (this.frozenRows || this.frozenColumns || this.getFrozenColumns() || freeze) {
-            movableRows = this.getMovableRows().filter(function (r) {
+            movableRows = this.getRows().filter(function (r) {
                 return r.querySelector('.e-gridrowindex' + record.index + 'level' + (record.level + 1));
             });
         }
         if (freeze) {
-            freezeRightRows = this.getFrozenRightRows().filter(function (r) {
+            freezeRightRows = this.getRows().filter(function (r) {
                 return r.querySelector('.e-gridrowindex' + record.index + 'level' + (record.level + 1));
             });
         }
@@ -3397,10 +3501,10 @@ var TreeGrid = /** @class */ (function (_super) {
         var rightrows = [];
         var freeze = (this.getFrozenLeftColumnsCount() > 0 || this.getFrozenRightColumnsCount() > 0) ? true : false;
         if (freeze) {
-            movablerows = this.getMovableRows().filter(function (r) {
+            movablerows = this.getRows().filter(function (r) {
                 return r.querySelector('.e-gridrowindex' + rowDetails.record.index + 'level' + (rowDetails.record.level + 1));
             });
-            rightrows = this.getFrozenRightRows().filter(function (r) {
+            rightrows = this.getRows().filter(function (r) {
                 return r.querySelector('.e-gridrowindex' + rowDetails.record.index + 'level' + (rowDetails.record.level + 1));
             });
         }
@@ -3610,59 +3714,72 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} rowIndex - Specifies the row index.
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} - Returns movable cell element from the indexes passed
+     *
+
      */
     TreeGrid.prototype.getMovableCellFromIndex = function (rowIndex, columnIndex) {
-        return this.grid.getMovableCellFromIndex(rowIndex, columnIndex);
+        return this.grid.getCellFromIndex(rowIndex, columnIndex);
     };
     /**
      * Gets all the TreeGrid's movable table data rows.
      *
      * @returns {Element[]} - Returns element collection of movable rows
+     *
+
      */
     TreeGrid.prototype.getMovableDataRows = function () {
-        return this.grid.getMovableDataRows();
+        return this.grid.getDataRows();
     };
     /**
      * Gets a movable tables row by index.
      *
      * @param  {number} index - Specifies the row index.
      * @returns {Element} - Returns movable row based on index passed
+     *
+
      */
     TreeGrid.prototype.getMovableRowByIndex = function (index) {
-        return this.grid.getMovableRowByIndex(index);
+        return this.grid.getRowByIndex(index);
     };
     /**
      * Gets the TreeGrid's movable content rows from frozen treegrid.
      *
      * @returns {Element[]}: Returns movable row element
+
      */
     TreeGrid.prototype.getMovableRows = function () {
-        return this.grid.getMovableRows();
+        return this.grid.getRows();
     };
     /**
      * Gets a frozen right tables row element by index.
      *
      * @param  {number} index - Specifies the row index.
      * @returns {Element} returns the element
+     *
+
      */
     TreeGrid.prototype.getFrozenRightRowByIndex = function (index) {
-        return this.grid.getFrozenRightRowByIndex(index);
+        return this.grid.getRowByIndex(index);
     };
     /**
      * Gets the Tree Grid's frozen right content rows from frozen Tree Grid.
      *
      * @returns {Element[]} returns the element
+     *
+
      */
     TreeGrid.prototype.getFrozenRightRows = function () {
-        return this.grid.getFrozenRightRows();
+        return this.grid.getRows();
     };
     /**
      * Gets all the Tree Grid's frozen right table data rows.
      *
      * @returns {Element[]} Returns the Element
+     *
+
      */
     TreeGrid.prototype.getFrozenRightDataRows = function () {
-        return this.grid.getFrozenRightDataRows();
+        return this.grid.getDataRows();
     };
     /**
      * Gets a frozen right table cell by row and column index.
@@ -3670,36 +3787,44 @@ var TreeGrid = /** @class */ (function (_super) {
      * @param  {number} rowIndex - Specifies the row index.
      * @param  {number} columnIndex - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+
      */
     TreeGrid.prototype.getFrozenRightCellFromIndex = function (rowIndex, columnIndex) {
-        return this.grid.getFrozenRightCellFromIndex(rowIndex, columnIndex);
+        return this.grid.getCellFromIndex(rowIndex, columnIndex);
     };
     /**
      * Gets a frozen left column header by column index.
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+
      */
     TreeGrid.prototype.getFrozenLeftColumnHeaderByIndex = function (index) {
-        return this.grid.getFrozenLeftColumnHeaderByIndex(index);
+        return this.grid.getColumnHeaderByIndex(index);
     };
     /**
      * Gets a frozen right column header by column index.
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+
      */
     TreeGrid.prototype.getFrozenRightColumnHeaderByIndex = function (index) {
-        return this.grid.getFrozenRightColumnHeaderByIndex(index);
+        return this.grid.getColumnHeaderByIndex(index);
     };
     /**
      * Gets a movable column header by column index.
      *
      * @param  {number} index - Specifies the column index.
      * @returns {Element} Returns the Element
+     *
+
      */
     TreeGrid.prototype.getMovableColumnHeaderByIndex = function (index) {
-        return this.grid.getMovableColumnHeaderByIndex(index);
+        return this.grid.getColumnHeaderByIndex(index);
     };
     /**
      * @hidden
@@ -3933,6 +4058,9 @@ var TreeGrid = /** @class */ (function (_super) {
     __decorate([
         Complex({}, RowDropSettings)
     ], TreeGrid.prototype, "rowDropSettings", void 0);
+    __decorate([
+        Property('USD')
+    ], TreeGrid.prototype, "currencyCode", void 0);
     __decorate([
         Property()
     ], TreeGrid.prototype, "pagerTemplate", void 0);

package/src/treegrid/models/column.d.ts

@@ -326,6 +326,7 @@ export declare class Column {
      * The available built-in freeze directions are
      * * Left - Freeze the column at left side.
      * * Right - Freeze the column at right side.
+     * * Fixed - Freeze the column at Center.
      *
      * @default null
      */

package/src/treegrid/renderer/virtual-row-model-generator.js

@@ -83,8 +83,8 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
             var currentPage = this["" + model].currentPage;
             if (clear) {
                 this.cache = {};
-                this.movableCache = {};
-                this.frozenRightCache = {};
+                /*this.movableCache = {};
+                this.frozenRightCache = {};*/
                 this.data = {};
                 this.groups = {};
             }
@@ -99,8 +99,8 @@ var TreeVirtualRowModelGenerator = /** @class */ (function (_super) {
                 this.cache = {};
                 this.data = {};
                 this.groups = {};
-                this.movableCache = {};
-                this.frozenRightCache = {};
+                /*this.movableCache = {};
+                this.frozenRightCache = {};*/
             }
         }
         return clear;

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

@@ -25,7 +25,6 @@ export declare class VirtualTreeContentRenderer extends VirtualContentRenderer {
     /** @hidden */
     isDataSourceChanged: boolean;
     getRowByIndex(index: number): Element;
-    getMovableVirtualRowByIndex(index: number): Element;
     getFrozenRightVirtualRowByIndex(index: number): Element;
     getRowCollection(index: number, isMovable: boolean, isRowObject?: boolean, isFrozenRight?: boolean): Element | Object;
     addEventListener(): void;

package/src/treegrid/renderer/virtual-tree-content-render.js

@@ -42,18 +42,19 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         return new TreeVirtualRowModelGenerator(this.parent);
     };
     VirtualTreeContentRenderer.prototype.getRowByIndex = function (index) {
-        return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
-    };
-    VirtualTreeContentRenderer.prototype.getMovableVirtualRowByIndex = function (index) {
-        return this.getRowCollection(index, true);
+        if (this.parent.enableVirtualization && this.parent.isFrozenGrid()) {
+            return this.getRowCollection(index, true);
+        }
+        else {
+            return this.parent.getDataRows().filter(function (e) { return parseInt(e.getAttribute('data-rowindex'), 10) === index; })[0];
+        }
     };
     VirtualTreeContentRenderer.prototype.getFrozenRightVirtualRowByIndex = function (index) {
         return this.getRowCollection(index, false, false, true);
     };
     VirtualTreeContentRenderer.prototype.getRowCollection = function (index, isMovable, isRowObject, isFrozenRight) {
         var startIdx = parseInt(this.parent.getRows()[0].getAttribute(literals.dataRowIndex), 10);
-        var rowCollection = isMovable ? this.parent.getMovableDataRows() : this.parent.getDataRows();
-        rowCollection = isFrozenRight ? this.parent.getFrozenRightDataRows() : rowCollection;
+        var rowCollection = this.parent.getDataRows();
         var collection = isRowObject ? this.parent.getCurrentViewRecords() : rowCollection;
         var selectedRow = collection[index - startIdx];
         if (this.parent.frozenRows && this.parent.pageSettings.currentPage > 1) {
@@ -106,8 +107,8 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.endIndex = this.parent.pageSettings.pageSize - 1;
         }
         if ((this.endIndex - this.startIndex !== this.parent.pageSettings.pageSize) &&
-            (this.totalRecords > this.parent.pageSettings.pageSize) &&
-            (this.endIndex === this.totalRecords)) {
+            (this.totalRecords > this.parent.pageSettings.pageSize)
+            && (this.endIndex === this.totalRecords)) {
             args.startIndex = this.endIndex - this.parent.pageSettings.pageSize;
             args.endIndex = this.endIndex;
         }
@@ -505,29 +506,16 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         }
     };
     VirtualTreeContentRenderer.prototype.appendContent = function (target, newChild, e) {
-        var isFrozen = this.parent.isFrozenGrid();
         if ((this.parent.dataSource instanceof DataManager && this.parent.dataSource.dataSource.url !== undefined
             && !this.parent.dataSource.dataSource.offline && this.parent.dataSource.dataSource.url !== '') || isCountRequired(this.parent) || this.parent.isFrozenGrid()) {
             if (getValue('isExpandCollapse', e)) {
                 this.isRemoteExpand = true;
             }
-            if (isFrozen && ((isNullOrUndefined(this.requestType) && getValue('requestTypes', this).indexOf('isFrozen') === -1) ||
-                (this.parent.enableVirtualMaskRow && this.requestType === 'virtualscroll'))) {
-                getValue('requestTypes', this).push('isFrozen');
-                this.requestType = 'isFrozen';
-            }
             _super.prototype.appendContent.call(this, target, newChild, e);
             if (getValue('requestTypes', this).indexOf('isFrozen') !== -1) {
                 getValue('requestTypes', this).splice(getValue('requestTypes', this).indexOf('isFrozen'), 1);
                 this.requestType = this.requestType === 'isFrozen' ? undefined : this.requestType;
             }
-            if (isFrozen && (!this.isExpandCollapse || this.translateY === 0)) {
-                this.translateY = this.translateY < 0 ? 0 : this.translateY;
-                getValue('virtualEle', this).adjustTable(0, this.translateY);
-            }
-            else {
-                this.isExpandCollapse = false;
-            }
         }
         else {
             var info = e.virtualInfo.sentinelInfo && e.virtualInfo.sentinelInfo.axis === 'Y' &&