@syncfusion/ej2-treegrid 30.2.4 → 31.1.17

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

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

package/src/treegrid/base/treegrid.js

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

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

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

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

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

package/src/treegrid/models/column-chooser-settings.js

@@ -0,0 +1,52 @@
+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 { Property, ChildProperty } from '@syncfusion/ej2-base';
+/**
+ * Configures the column chooser behavior of the Grid.
+ */
+var ColumnChooserSettings = /** @class */ (function (_super) {
+    __extends(ColumnChooserSettings, _super);
+    function ColumnChooserSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property('startsWith')
+    ], ColumnChooserSettings.prototype, "operator", void 0);
+    __decorate([
+        Property(false)
+    ], ColumnChooserSettings.prototype, "ignoreAccent", void 0);
+    __decorate([
+        Property(null)
+    ], ColumnChooserSettings.prototype, "headerTemplate", void 0);
+    __decorate([
+        Property(null)
+    ], ColumnChooserSettings.prototype, "template", void 0);
+    __decorate([
+        Property(null)
+    ], ColumnChooserSettings.prototype, "footerTemplate", void 0);
+    __decorate([
+        Property(true)
+    ], ColumnChooserSettings.prototype, "enableSearching", void 0);
+    __decorate([
+        Property(null)
+    ], ColumnChooserSettings.prototype, "renderCustomColumnChooser", void 0);
+    return ColumnChooserSettings;
+}(ChildProperty));
+export { ColumnChooserSettings };

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

@@ -768,11 +768,6 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
                 (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] &&
-                ((this.startIndex - currentViewData[0]["" + indexValue]) < (this.parent.pageSettings.pageSize / 2)) &&
-                this.parent.selectionModule && this.parent.selectionModule.isRowSelected) {
-                this.startIndex = currentViewData[0]["" + indexValue] + (this.parent.pageSettings.pageSize / 2);
-            }
             if (scrollArgs.offset.top > (rowHeight * this.totalRecords)) {
                 this.translateY = this.getTranslateY(scrollArgs.offset.top, content.getBoundingClientRect().height);
             }
@@ -822,9 +817,9 @@ var VirtualTreeContentRenderer = /** @class */ (function (_super) {
             this.parent.setColumnIndexesInView(this.parent.enableColumnVirtualization ? viewInfo.columnIndexes : []);
             var page = viewInfo.loadNext && !viewInfo.loadSelf ? viewInfo.nextInfo.page : viewInfo.page;
             this.parent.setProperties({ pageSettings: { currentPage: page } }, true);
-            if (downScroll && this.endIndex === this.totalRecords && viewInfo.loadNext) {
-                viewInfo.loadNext = false;
-            }
+            // if (downScroll && this.endIndex === this.totalRecords && viewInfo.loadNext) {
+            //     viewInfo.loadNext = false;
+            // }
             this.requestType = 'virtualscroll';
             if (scrollArgs.direction !== 'right' && scrollArgs.direction !== 'left' && !isRemoteData(this.parent.root)) {
                 viewInfo.event = viewInfo.event === 'refresh-virtual-block' ? 'model-changed' : viewInfo.event;

package/src/treegrid/utils.js

@@ -7,13 +7,29 @@ import { isNullOrUndefined } from '@syncfusion/ej2-base';
  * @returns {boolean} - Specifies whether remote data binding
  */
 export function isRemoteData(parent) {
-    if (parent.dataSource instanceof DataManager) {
-        var adaptor = parent.dataSource.adaptor;
-        return (adaptor instanceof ODataAdaptor ||
-            (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
-            (adaptor instanceof CacheAdaptor) || adaptor instanceof UrlAdaptor);
+    if (parent['treeGrid'] && parent['treeGrid']['isGantt']) {
+        if (parent['taskFields'].hasChildMapping) {
+            if (parent.dataSource instanceof DataManager) {
+                var adaptor = parent.dataSource.adaptor;
+                return (adaptor instanceof ODataAdaptor ||
+                    (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
+                    (adaptor instanceof CacheAdaptor) || adaptor instanceof UrlAdaptor);
+            }
+            return false;
+        }
+        else {
+            return false;
+        }
+    }
+    else {
+        if (parent.dataSource instanceof DataManager) {
+            var adaptor = parent.dataSource.adaptor;
+            return (adaptor instanceof ODataAdaptor ||
+                (adaptor instanceof WebApiAdaptor) || (adaptor instanceof WebMethodAdaptor) ||
+                (adaptor instanceof CacheAdaptor) || adaptor instanceof UrlAdaptor);
+        }
+        return false;
     }
-    return false;
 }
 /**
  * @param {TreeGrid | IGrid} parent - Tree Grid or Grid instance