@syncfusion/ej2-treegrid 21.2.8 → 21.2.10

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

@@ -83,6 +83,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
     private addedRecords;
     private targetElement;
     private isGantt;
+    private isAddedFromGantt;
     private isIndentEnabled;
     private indentOutdentAction;
     /**
@@ -637,14 +638,14 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * This helps to load large dataset in TreeGrid.
      *
      * @default false
-
+     * @deprecated
      */
     enableInfiniteScrolling: boolean;
     /**
      * Configures the infinite scroll settings.
      *
      * @default { enableCache: false, maxBlocks: 5, initialBlocks: 5 }
-
+     * @deprecated
      */
     infiniteScrollSettings: InfiniteScrollSettingsModel;
     /**
@@ -771,7 +772,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Invoke the done method from the argument to start render after edit operation.
      *
      * @event dataSourceChanged
-
+     * @deprecated
      */
     dataSourceChanged: EmitType<DataSourceChangedEventArgs>;
     /**
@@ -779,7 +780,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * In this event,the current view data and total record count should be assigned to the `dataSource` based on the action performed.
      *
      * @event dataStateChange
-
+     * @deprecated
      */
     dataStateChange: EmitType<DataStateChangeEventArgs>;
     /**
@@ -831,7 +832,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before deselecting the selected row.
      *
      * @event rowSelected
-
+     * @deprecated
      */
     rowDeselecting: EmitType<RowDeselectEventArgs>;
     /**
@@ -856,7 +857,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before column menu opens.
      *
      * @event columnMenuOpen
-
+     * @deprecated
      */
     columnMenuOpen: EmitType<ColumnMenuOpenEventArgs>;
     /**
@@ -875,77 +876,77 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before the selected cell is deselecting.
      *
      * @event cellDeselecting
-
+     * @deprecated
      */
     cellDeselecting: EmitType<CellDeselectEventArgs>;
     /**
      * Triggers when a particular selected cell is deselected.
      *
      * @event cellDeselected
-
+     * @deprecated
      */
     cellDeselected: EmitType<CellDeselectEventArgs>;
     /**
      * Triggers when column resize starts.
      *
      * @event resizeStart
-
+     * @deprecated
      */
     resizeStart: EmitType<ResizeArgs>;
     /**
      * Triggers on column resizing.
      *
      * @event resizing
-
+     * @deprecated
      */
     resizing: EmitType<ResizeArgs>;
     /**
      * Triggers when column resize ends.
      *
      * @event resizeStop
-
+     * @deprecated
      */
     resizeStop: EmitType<ResizeArgs>;
     /**
      * Triggers when column header element drag (move) starts.
      *
      * @event columnDragStart
-
+     * @deprecated
      */
     columnDragStart: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers when column header element is dragged (moved) continuously.
      *
      * @event columnDrag
-
+     * @deprecated
      */
     columnDrag: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers when a column header element is dropped on the target column.
      *
      * @event columnDrop
-
+     * @deprecated
      */
     columnDrop: EmitType<ColumnDragEventArgs>;
     /**
      * Triggers when the check box state change in checkbox column.
      *
      * @event checkboxChange
-
+     * @deprecated
      */
     checkboxChange: EmitType<CheckBoxChangeEventArgs>;
     /**
      * Triggers after print action is completed.
      *
      * @event printComplete
-
+     * @deprecated
      */
     printComplete: EmitType<PrintEventArgs>;
     /**
      * Triggers before the print action starts.
      *
      * @event beforePrint
-
+     * @deprecated
      */
     beforePrint: EmitType<PrintEventArgs>;
     /**
@@ -964,7 +965,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before context menu opens.
      *
      * @event contextMenuOpen
-
+     * @deprecated
      */
     contextMenuOpen: EmitType<BeforeOpenCloseMenuEventArgs>;
     /**
@@ -977,42 +978,42 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers before TreeGrid copy action.
      *
      * @event beforeCopy
-
+     * @deprecated
      */
     beforeCopy: EmitType<BeforeCopyEventArgs>;
     /**
      * Triggers before TreeGrid paste action.
      *
      * @event beforePaste
-
+     * @deprecated
      */
     beforePaste: EmitType<BeforePasteEventArgs>;
     /**
      * Triggers when row elements are dragged (moved) continuously.
      *
      * @event rowDrag
-
+     * @deprecated
      */
     rowDrag: EmitType<RowDragEventArgs>;
     /**
      * Triggers when row element’s drag(move) starts.
      *
      * @event rowDragStart
-
+     * @deprecated
      */
     rowDragStart: EmitType<RowDragEventArgs>;
     /**
      * Triggers when row element’s before drag(move).
      *
      * @event rowDragStartHelper
-
+     * @deprecated
      */
     rowDragStartHelper: EmitType<RowDragEventArgs>;
     /**
      * Triggers when row elements are dropped on the target row.
      *
      * @event rowDrop
-
+     * @deprecated
      */
     rowDrop: EmitType<RowDragEventArgs>;
     /**
@@ -1049,7 +1050,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * You can also customize the PDF cells.
      *
      * @event pdfQueryCellInfo
-
+     * @deprecated
      */
     pdfQueryCellInfo: EmitType<PdfQueryCellInfoEventArgs>;
     /**
@@ -1057,7 +1058,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * You can also customize the PDF cells.
      *
      * @event pdfHeaderQueryCellInfo
-
+     * @deprecated
      */
     pdfHeaderQueryCellInfo: EmitType<PdfHeaderQueryCellInfoEventArgs>;
     /**
@@ -1065,7 +1066,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * You can also customize the Excel cells.
      *
      * @event excelQueryCellInfo
-
+     * @deprecated
      */
     excelQueryCellInfo: EmitType<ExcelQueryCellInfoEventArgs>;
     /**
@@ -1073,7 +1074,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * You can also customize the Excel cells.
      *
      * @event excelHeaderQueryCellInfo
-
+     * @deprecated
      */
     excelHeaderQueryCellInfo: EmitType<ExcelHeaderQueryCellInfoEventArgs>;
     /**
@@ -1086,7 +1087,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers after TreeGrid data is exported to Excel file.
      *
      * @event excelExportComplete
-
+     * @deprecated
      */
     excelExportComplete: EmitType<ExcelExportCompleteArgs>;
     /**
@@ -1099,7 +1100,7 @@ export declare class TreeGrid extends Component<HTMLElement> implements INotifyP
      * Triggers after TreeGrid data is exported to PDF document.
      *
      * @event pdfExportComplete
-
+     * @deprecated
      */
     pdfExportComplete: EmitType<PdfExportCompleteArgs>;
     /**

package/src/treegrid/base/treegrid.js

@@ -2658,7 +2658,12 @@ var TreeGrid = /** @class */ (function (_super) {
             }
             else {
                 if (this.enableVirtualization && this.isCollapseAll) {
-                    record = this.grid.getCurrentViewRecords()[row.rowIndex];
+                    if (this.isExpandAll && row.rowIndex === -1) {
+                        record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
+                    }
+                    else {
+                        record = this.grid.getCurrentViewRecords()[row.rowIndex];
+                    }
                 }
                 else {
                     record = this.grid.getCurrentViewRecords()[parseInt(row.getAttribute('data-rowindex'), 10)];
@@ -2897,7 +2902,12 @@ var TreeGrid = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        this.expandRow(rows[parseInt(i.toString(), 10)]);
+                        if (!this.enableVirtualization) {
+                            this.expandRow(rows[parseInt(i.toString(), 10)]);
+                        }
+                        else if (rows[0].getAttribute('aria-expanded') !== 'true') {
+                            this.expandRow(rows[0]);
+                        }
                     }
                 }
             }

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

@@ -0,0 +1,30 @@
+import { TextAlign, ClipMode, ValueAccessor, IFilter, IFilterUI, IEditCell, CommandModel, freezeDirection } from '@syncfusion/ej2-grids';import { NumberFormatOptions, DateFormatOptions, merge, Property } from '@syncfusion/ej2-base';import { ITreeGridCellFormatter } from '../base/interface';import { SortComparer} from '@syncfusion/ej2-grids';import { TreeGrid } from '..';
+import {ColumnModel} from "./column";
+
+/**
+ * Interface for a class Column
+ */
+export interface ColumnModel {
+
+}
+
+/**
+ * Interface for a class TreeGridColumn
+ */
+export interface TreeGridColumnModel extends ColumnModel{
+
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns?: string[] | ColumnModel[];
+
+}
+
+/**
+ * Interface for a class StackedColumn
+ */
+export interface StackedColumnModel extends TreeGridColumnModel{
+
+}

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

@@ -709,3 +709,35 @@ export interface ColumnModel {
      */
     freeze?: freezeDirection;
 }
+/**
+ * Defines TreeGrid column
+ */
+export declare class TreeGridColumn extends Column {
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns: string[] | ColumnModel[];
+}
+/**
+ * Interface for a class TreeGridColumn
+ */
+export interface TreeGridColumnModel extends ColumnModel {
+    /**
+     * Defines stacked columns
+     *
+     * @default null
+     */
+    columns?: string[] | ColumnModel[];
+}
+/**
+ * Defines stacked tree grid column
+ */
+export declare class StackedColumn extends TreeGridColumn {
+}
+/**
+ * Interface for a class stacked tree grid column
+ */
+export interface StackedColumnModel extends TreeGridColumnModel {
+}

package/src/treegrid/models/column.js

@@ -1,4 +1,23 @@
-import { merge } from '@syncfusion/ej2-base';
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { merge, Property } from '@syncfusion/ej2-base';
 /**
  * Represents TreeGrid `Column` model class.
  */
@@ -93,3 +112,28 @@ var Column = /** @class */ (function () {
     return Column;
 }());
 export { Column };
+/**
+ * Defines TreeGrid column
+ */
+var TreeGridColumn = /** @class */ (function (_super) {
+    __extends(TreeGridColumn, _super);
+    function TreeGridColumn() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property(null)
+    ], TreeGridColumn.prototype, "columns", void 0);
+    return TreeGridColumn;
+}(Column));
+export { TreeGridColumn };
+/**
+ * Defines stacked tree grid column
+ */
+var StackedColumn = /** @class */ (function (_super) {
+    __extends(StackedColumn, _super);
+    function StackedColumn() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return StackedColumn;
+}(TreeGridColumn));
+export { StackedColumn };

package/src/treegrid/renderer/render.js

@@ -41,7 +41,7 @@ var Render = /** @class */ (function () {
             if (collapsed && !isNullOrUndefined(args.row)) {
                 args.row.style.display = 'none';
                 var rowsObj = this.parent.grid.getRowsObject();
-                if (!isNullOrUndefined(args.row.getAttribute('data-uid'))) {
+                if (!this.parent.grid.isFrozenGrid() && !isNullOrUndefined(args.row.getAttribute('data-uid'))) {
                     rowsObj.filter(function (e) { return e.uid === args.row.getAttribute('data-uid'); })[0].visible = false;
                 }
             }
@@ -227,6 +227,7 @@ var Render = /** @class */ (function () {
         if (summaryRow) {
             addClass([args.cell], 'e-summarycell');
             var summaryData = getObject(args.column.field, args.data);
+            summaryData = isNullOrUndefined(summaryData) ? null : summaryData;
             if (args.cell.querySelector('.e-treecell') != null) {
                 args.cell.querySelector('.e-treecell').innerHTML = summaryData;
             }

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

@@ -384,7 +384,7 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
         var currentViewData = this.parent.currentViewData;
         var indexValue = 'index';
         if (upScroll && (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left')) {
-            var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? this.parent.height :
+            var vHeight = +(this.parent.height.toString().indexOf('%') < 0 ? parseInt(this.parent.height.toString(), 10) :
                 this.parent.element.getBoundingClientRect().height);
             var index = (~~(content.scrollTop / rowHeight)
                 + Math.ceil(vHeight / rowHeight))
@@ -443,7 +443,9 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             }
             this.startIndex = !isLastBlock ? lastIndex - this.parent.pageSettings.pageSize : nextSetResIndex;
             this.endIndex = lastIndex;
-            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords && (this.endIndex - this.startIndex) < (this.parent.pageSettings.pageSize / 2) && (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
+            if ((nextSetResIndex + this.parent.pageSettings.pageSize) > this.totalRecords &&
+                (this.endIndex - this.startIndex) < (this.parent.pageSettings.pageSize / 2) &&
+                (this.endIndex - nextSetResIndex) < (this.parent.pageSettings.pageSize / 2)) {
                 this.startIndex = lastIndex - (this.parent.pageSettings.pageSize / 2);
             }
             if (currentViewData.length && this.startIndex > currentViewData[0]["" + indexValue] &&
@@ -458,7 +460,12 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                     this.translateY = scrollArgs.offset.top - rowHeight * 2;
                 }
                 else {
-                    this.translateY = scrollArgs.offset.top;
+                    if (this.totalRecords == this.endIndex) {
+                        this.translateY = (this.totalRecords * rowHeight) - ((this.endIndex - this.startIndex) * rowHeight);
+                    }
+                    else {
+                        this.translateY = scrollArgs.offset.top;
+                    }
                 }
             }
         }