import { IgcFilteringExpressionsTree } from './igc-filtering-expressions-tree'; import { IgcGridScrollEventArgs } from './igc-grid-scroll-event-args'; import { IgcGridCellEventArgs } from './igc-grid-cell-event-args'; import { IgcGridRowEventArgs } from './igc-grid-row-event-args'; import { IgcGridFormGroupCreatedEventArgs } from './igc-grid-form-group-created-event-args'; import { IgcGridValidationStatusEventArgs } from './igc-grid-validation-status-event-args'; import { IgcRowSelectionEventArgs } from './igc-row-selection-event-args'; import { IgcColumnSelectionEventArgs } from './igc-column-selection-event-args'; import { IgcPinColumnCancellableEventArgs } from './igc-pin-column-cancellable-event-args'; import { IgcPinColumnEventArgs } from './igc-pin-column-event-args'; import { IgcGridEditEventArgs } from './igc-grid-edit-event-args'; import { IgcGridEditDoneEventArgs } from './igc-grid-edit-done-event-args'; import { IgcColumnComponent } from './igc-column-component'; import { IgcColumnsAutoGeneratedEventArgs } from './igc-columns-auto-generated-event-args'; import { IgcSortingEventArgs } from './igc-sorting-event-args'; import { IgcSortingExpression } from './igc-sorting-expression'; import { IgcFilteringEventArgs } from './igc-filtering-event-args'; import { IgcRowDataEventArgs } from './igc-row-data-event-args'; import { IgcRowDataCancelableEventArgs } from './igc-row-data-cancelable-event-args'; import { IgcColumnResizeEventArgs } from './igc-column-resize-event-args'; import { IgcGridContextMenuEventArgs } from './igc-grid-context-menu-event-args'; import { IgcColumnVisibilityChangingEventArgs } from './igc-column-visibility-changing-event-args'; import { IgcColumnVisibilityChangedEventArgs } from './igc-column-visibility-changed-event-args'; import { IgcColumnMovingStartEventArgs } from './igc-column-moving-start-event-args'; import { IgcColumnMovingEventArgs } from './igc-column-moving-event-args'; import { IgcColumnMovingEndEventArgs } from './igc-column-moving-end-event-args'; import { IgcGridKeydownEventArgs } from './igc-grid-keydown-event-args'; import { IgcRowDragStartEventArgs } from './igc-row-drag-start-event-args'; import { IgcRowDragEndEventArgs } from './igc-row-drag-end-event-args'; import { IgcGridClipboardEvent } from './igc-grid-clipboard-event'; import { IgcRowToggleEventArgs } from './igc-row-toggle-event-args'; import { IgcPinRowEventArgs } from './igc-pin-row-event-args'; import { IgcActiveNodeChangeEventArgs } from './igc-active-node-change-event-args'; import { IgcGridToolbarExportEventArgs } from './igc-grid-toolbar-export-event-args'; import { IgcGridSelectionRange } from './igc-grid-selection-range'; import { IgcForOfDataChangingEventArgs } from './igc-for-of-data-changing-event-args'; import { IgcRenderFunction } from './common'; import { IgcDataCloneStrategy } from './igc-data-clone-strategy'; import { IgcClipboardOptions } from './igc-clipboard-options'; import { IgcActionStripToken } from './igc-action-strip-token'; import { IgcGridRowDragGhostContext } from './igc-grid-row-drag-ghost-context'; import { IgcGridRowEditTextTemplateContext } from './igc-grid-row-edit-text-template-context'; import { IgcGridEmptyTemplateContext } from './igc-grid-empty-template-context'; import { IgcGridRowEditActionsTemplateContext } from './igc-grid-row-edit-actions-template-context'; import { IgcGridRowTemplateContext } from './igc-grid-row-template-context'; import { IgcGridTemplateContext } from './igc-grid-template-context'; import { IgcGridHeaderTemplateContext } from './igc-grid-header-template-context'; import { IgcGridToolbarComponent } from './igc-grid-toolbar-component'; import { IgcPaginatorComponent } from './igc-paginator-component'; import { IgcGridResourceStrings } from './igc-grid-resource-strings'; import { FilteringLogic } from './filtering-logic'; import { GridPagingMode } from './grid-paging-mode'; import { GridValidationTrigger } from './grid-validation-trigger'; import { IgcPinningConfig } from './igc-pinning-config'; import { FilterMode } from './filter-mode'; import { GridSummaryPosition } from './grid-summary-position'; import { GridSummaryCalculationMode } from './grid-summary-calculation-mode'; import { IgcFilteringStrategy } from './igc-filtering-strategy'; import { IgcGridSortingStrategy } from './igc-grid-sorting-strategy'; import { IgcSortingOptions } from './igc-sorting-options'; import { IgcRowDirective } from './igc-row-directive'; import { IgcHeadSelectorTemplateContext } from './igc-head-selector-template-context'; import { IgcRowSelectorTemplateContext } from './igc-row-selector-template-context'; import { GridSelectionMode } from './grid-selection-mode'; import { IgcSearchInfo } from './igc-search-info'; import { IgcForOfState } from './igc-for-of-state'; import { IgcOverlayOutletDirective } from './igc-overlay-outlet-directive'; import { IgcGridRowComponent } from './igc-grid-row-component'; import { DropPosition } from './drop-position'; import { IgcFilteringOperation } from './igc-filtering-operation'; import { IgcRowType } from './igc-row-type'; import { IgcCellPosition } from './igc-cell-position'; import { IgcOverlaySettings } from './igc-overlay-settings'; import { EventEmitterMixin, LitElement, Constructor, AbstractConstructor } from './common'; /* wcSkipComponentSuffix */ /* blazorIndirectRender blazorComponent omitModule wcSkipComponentSuffix */ export declare abstract class IgcGridBaseDirective extends EventEmitterMixin>(LitElement) { /** * Gets/Sets the display time for the row adding snackbar notification. * * @remarks * By default it is 6000ms. */ public set snackbarDisplayTime(value: number); public get snackbarDisplayTime(): number; /** * Gets/Sets whether to auto-generate the columns. * * @remarks * The default value is false. When set to true, it will override all columns declared through code or in markup. * @example * ```html * * ``` */ public set autoGenerate(value: boolean); public get autoGenerate(): boolean; /** * Gets/Sets a list of property keys to be excluded from the generated column collection * @remarks * The collection is only used during initialization and changing it will not cause any changes in the generated columns at runtime * unless the grid is destroyed and recreated. To modify the columns visible in the UI at runtime, please use their * [hidden](https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/IgxColumnComponent.html#hidden) property. * @example * ```html * * ``` * ```typescript * const Data = [{ 'Id': '1', 'ProductName': 'name1', 'Description': 'description1', 'Count': 5 }] * ``` */ public set autoGenerateExclude(value: string[]); public get autoGenerateExclude(): string[]; /** * Controls whether columns moving is enabled in the grid. * */ public set moving(value: boolean); public get moving(): boolean; /** * Gets/Sets a custom template when empty. * * @example * ```html * * ``` */ public set emptyGridTemplate(value: IgcRenderFunction); public get emptyGridTemplate(): IgcRenderFunction; /** * Gets/Sets a custom template for adding row UI when grid is empty. * * @example * ```html * * ``` */ public set addRowEmptyTemplate(value: IgcRenderFunction); public get addRowEmptyTemplate(): IgcRenderFunction; /** * Gets/Sets a custom template when loading. * * @example * ```html * * ``` */ public set loadingGridTemplate(value: IgcRenderFunction); public get loadingGridTemplate(): IgcRenderFunction; /** * Get/Set IgxSummaryRow height */ public set summaryRowHeight(value: number); public get summaryRowHeight(): number; /** * Gets/Sets the data clone strategy of the grid when in edit mode. * * @example * ```html * * ``` */ public set dataCloneStrategy(value: IgcDataCloneStrategy); public get dataCloneStrategy(): IgcDataCloneStrategy; /** * Controls the copy behavior of the grid. */ public set clipboardOptions(value: IgcClipboardOptions); public get clipboardOptions(): IgcClipboardOptions; /* treatAsRef */ /** * Sets a conditional class selector to the grid's row element. * Accepts an object literal, containing key-value pairs, * where the key is the name of the CSS class and the value is * either a callback function that returns a boolean, or boolean, like so: * ```typescript * callback = (row: RowType) => { return row.selected > 6; } * rowClasses = { 'className' : this.callback }; * ``` * ```html * * ``` * * @memberof IgxColumnComponent */ public set rowClasses(value: any); public get rowClasses(): any; /* treatAsRef */ /** * Sets conditional style properties on the grid row element. * It accepts an object literal where the keys are * the style properties and the value is an expression to be evaluated. * ```typescript * styles = { * background: 'yellow', * color: (row: RowType) => row.selected : 'red': 'white' * } * ``` * ```html * * ``` * * @memberof IgxColumnComponent */ public set rowStyles(value: any); public get rowStyles(): any; /** * Gets/Sets the primary key. * * @example * ```html * * ``` */ public set primaryKey(value: string); public get primaryKey(): string; /* reactContentChildren */ /* blazorInclude */ /* blazorTreatAsCollection */ /* blazorCollectionName: ColumnCollection */ /* ngQueryListName: columnList */ /** * @hidden @internal */ public set columnList(value: IgcColumnComponent[]); public get columnList(): IgcColumnComponent[]; /* contentChildren */ /* blazorInclude */ /* blazorTreatAsCollection */ /* blazorCollectionName: ActionStripCollection */ /* blazorCollectionItemName: ActionStrip */ /* ngQueryListName: actionStripComponents */ /** @hidden @internal */ public set actionStripComponents(value: IgcActionStripToken[]); public get actionStripComponents(): IgcActionStripToken[]; /** * Gets the custom template, if any, used for row drag ghost. */ public set dragGhostCustomTemplate(value: IgcRenderFunction); public get dragGhostCustomTemplate(): IgcRenderFunction; /** * Gets the row edit text template. */ public set rowEditTextTemplate(value: IgcRenderFunction); public get rowEditTextTemplate(): IgcRenderFunction; /** * Gets the row add text template. */ public set rowAddTextTemplate(value: IgcRenderFunction); public get rowAddTextTemplate(): IgcRenderFunction; /** * Gets the row edit actions template. */ public set rowEditActionsTemplate(value: IgcRenderFunction); public get rowEditActionsTemplate(): IgcRenderFunction; /** * Gets the row expand indicator template. */ public set rowExpandedIndicatorTemplate(value: IgcRenderFunction); public get rowExpandedIndicatorTemplate(): IgcRenderFunction; /** * Gets the row collapse indicator template. */ public set rowCollapsedIndicatorTemplate(value: IgcRenderFunction); public get rowCollapsedIndicatorTemplate(): IgcRenderFunction; /** * Gets the header expand indicator template. */ public set headerExpandedIndicatorTemplate(value: IgcRenderFunction); public get headerExpandedIndicatorTemplate(): IgcRenderFunction; /** * Gets the row collapse indicator template. */ public set headerCollapsedIndicatorTemplate(value: IgcRenderFunction); public get headerCollapsedIndicatorTemplate(): IgcRenderFunction; /** * Gets the excel style header icon. */ public set excelStyleHeaderIconTemplate(value: IgcRenderFunction); public get excelStyleHeaderIconTemplate(): IgcRenderFunction; /** * The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in asc order. */ public set sortAscendingHeaderIconTemplate(value: IgcRenderFunction); public get sortAscendingHeaderIconTemplate(): IgcRenderFunction; /** * The custom template, if any, that should be used when rendering a header sorting indicator when columns are sorted in desc order. */ public set sortDescendingHeaderIconTemplate(value: IgcRenderFunction); public get sortDescendingHeaderIconTemplate(): IgcRenderFunction; /** * Gets custom template, if any, that should be used when rendering a header sorting indicator when columns are not sorted. */ public set sortHeaderIconTemplate(value: IgcRenderFunction); public get sortHeaderIconTemplate(): IgcRenderFunction; /* contentChildren */ /* blazorInclude */ /* blazorTreatAsCollection */ /* blazorCollectionName: GridToolbarCollection */ /* ngQueryListName: toolbar */ /** @hidden @internal */ public set toolbar(value: IgcGridToolbarComponent[]); public get toolbar(): IgcGridToolbarComponent[]; /* contentChildren */ /* blazorInclude */ /* blazorTreatAsCollection */ /* blazorCollectionName: PaginatorCollection */ /* ngQueryListName: paginationComponents */ /** @hidden @internal */ public set paginationComponents(value: IgcPaginatorComponent[]); public get paginationComponents(): IgcPaginatorComponent[]; /** * Gets/Sets the resource strings. * * @remarks * By default it uses EN resources. */ public set resourceStrings(value: IgcGridResourceStrings); public get resourceStrings(): IgcGridResourceStrings; /** * Gets/Sets the filtering logic of the `IgxGridComponent`. * * @remarks * The default is AND. * @example * ```html * * ``` */ public set filteringLogic(value: FilteringLogic); public get filteringLogic(): FilteringLogic; /* mustSetInCodePlatforms: WebComponents;Blazor */ /** * Gets/Sets the filtering state. * * @example * ```html * * ``` * @remarks * Supports two-way binding. */ public set filteringExpressionsTree(value: IgcFilteringExpressionsTree); public get filteringExpressionsTree(): IgcFilteringExpressionsTree; /** * Gets/Sets the advanced filtering state. * * @example * ```typescript * let advancedFilteringExpressionsTree = this.grid.advancedFilteringExpressionsTree; * this.grid.advancedFilteringExpressionsTree = logic; * ``` */ public set advancedFilteringExpressionsTree(value: IgcFilteringExpressionsTree); public get advancedFilteringExpressionsTree(): IgcFilteringExpressionsTree; /** * Gets/Sets the locale. * * @remarks * If not set, returns browser's language. */ public set locale(value: string); public get locale(): string; public set pagingMode(value: GridPagingMode); public get pagingMode(): GridPagingMode; /** * Gets/Sets if the row selectors are hidden. * * @remarks * By default row selectors are shown */ public set hideRowSelectors(value: boolean); public get hideRowSelectors(): boolean; /** * Gets/Sets whether rows can be moved. * * @example * ```html * * ``` */ public set rowDraggable(value: boolean); public get rowDraggable(): boolean; /** * Gets/Sets the trigger for validators used when editing the grid. * * @example * ```html * * ``` */ public set validationTrigger(value: GridValidationTrigger); public get validationTrigger(): GridValidationTrigger; /** * Gets/Sets whether the rows are editable. * * @remarks * By default it is set to false. * @example * ```html * * ``` */ public set rowEditable(value: boolean); public get rowEditable(): boolean; /** * Gets/Sets the height. * * @example * ```html * * ``` */ public set height(value: string); public get height(): string; /** * Gets/Sets the width of the grid. * * @example * ```typescript * let gridWidth = this.grid.width; * ``` */ public set width(value: string); public get width(): string; /** * Gets/Sets the row height. * * @example * ```html * * ``` */ public set rowHeight(value: number); public get rowHeight(): number; /** * Gets/Sets the default width of the columns. * * @example * ```html * * ``` */ public set columnWidth(value: string); public get columnWidth(): string; /** * Get/Sets the message displayed when there are no records. * * @example * ```html * * ``` */ public set emptyGridMessage(value: string); public get emptyGridMessage(): string; /** * Gets/Sets whether the grid is going to show a loading indicator. * * @example * ```html * * ``` */ public set isLoading(value: boolean); public get isLoading(): boolean; /** * Gets/Sets whether the columns should be auto-generated once again after the initialization of the grid * * @remarks * This will allow to bind the grid to remote data and having auto-generated columns at the same time. * Note that after generating the columns, this property would be disabled to avoid re-creating * columns each time a new data is assigned. * @example * ```typescript * this.grid.shouldGenerate = true; * ``` * @deprecated Column re-creation now relies on `autoGenerate` instead. */ public set shouldGenerate(value: boolean); public get shouldGenerate(): boolean; /** * Gets/Sets the message displayed when there are no records and the grid is filtered. * * @example * ```html * * ``` */ public set emptyFilteredGridMessage(value: string); public get emptyFilteredGridMessage(): string; /* mustSetInCodePlatforms: WebComponents;Blazor;React */ /** * Gets/Sets the initial pinning configuration. * * @remarks * Allows to apply pinning the columns to the start or the end. * Note that pinning to both sides at a time is not allowed. * @example * ```html * * ``` */ public set pinning(value: IgcPinningConfig); public get pinning(): IgcPinningConfig; /** * Gets/Sets if the filtering is enabled. * * @example * ```html * * ``` */ public set allowFiltering(value: boolean); public get allowFiltering(): boolean; /** * Gets/Sets a value indicating whether the advanced filtering is enabled. * * @example * ```html * * ``` */ public set allowAdvancedFiltering(value: boolean); public get allowAdvancedFiltering(): boolean; /** * Gets/Sets the filter mode. * * @example * ```html * * ``` * @remarks * By default it's set to FilterMode.quickFilter. */ public set filterMode(value: FilterMode); public get filterMode(): FilterMode; /** * Gets/Sets the summary position. * * @example * ```html * * ``` * @remarks * By default it is bottom. */ public set summaryPosition(value: GridSummaryPosition); public get summaryPosition(): GridSummaryPosition; /** * Gets/Sets the summary calculation mode. * * @example * ```html * * ``` * @remarks * By default it is rootAndChildLevels which means the summaries are calculated for the root level and each child level. */ public set summaryCalculationMode(value: GridSummaryCalculationMode); public get summaryCalculationMode(): GridSummaryCalculationMode; /** * Controls whether the summary row is visible when groupBy/parent row is collapsed. * * @example * ```html * * ``` * @remarks * By default showSummaryOnCollapse is set to 'false' which means that the summary row is not visible * when the groupBy/parent row is collapsed. */ public set showSummaryOnCollapse(value: boolean); public get showSummaryOnCollapse(): boolean; /** * Gets/Sets the filtering strategy of the grid. * * @example * ```html * * ``` */ public set filterStrategy(value: IgcFilteringStrategy); public get filterStrategy(): IgcFilteringStrategy; /** * Gets/Sets the sorting strategy of the grid. * * @example * ```html * * ``` */ public set sortStrategy(value: IgcGridSortingStrategy); public get sortStrategy(): IgcGridSortingStrategy; /** * Gets/Sets the sorting options - single or multiple sorting. * Accepts an `ISortingOptions` object with any of the `mode` properties. * * @example * ```typescript * const _sortingOptions: ISortingOptions = { * mode: 'single' * } * ```html * * ``` */ public set sortingOptions(value: IgcSortingOptions); public get sortingOptions(): IgcSortingOptions; /* blazorByValueArray */ /* blazorAlwaysWriteback */ /* @tsTwoWayProperty (true, "SelectedRowsChange", "Detail", false) */ /* blazorPrimitiveValue */ /** * Gets/Sets the current selection state. * * @remarks * Represents the selected rows' IDs (primary key or rowData) * @example * ```html * * ``` */ /* @tsTwoWayProperty (true, "SelectedRowsChange", "Detail", false) */ /* @blazorSynthesizeTwoWayBind */ public set selectedRows(value: any[]); public get selectedRows(): any[]; /* csSuppress */ /** * A list of `IgxGridRowComponent`. * * @example * ```typescript * const rowList = this.grid.rowList; * ``` */ public get rowList(): IgcRowDirective[]; /* csSuppress */ /** * A list of currently rendered `IgxGridRowComponent`'s. * * @example * ```typescript * const dataList = this.grid.dataRowList; * ``` */ public get dataRowList(): IgcRowDirective[]; /** * Gets the header row selector template. */ public set headSelectorTemplate(value: IgcRenderFunction); public get headSelectorTemplate(): IgcRenderFunction; /** * Gets the row selector template. */ public set rowSelectorTemplate(value: IgcRenderFunction); public get rowSelectorTemplate(): IgcRenderFunction; /** * The custom template, if any, that should be used when rendering the row drag indicator icon */ public set dragIndicatorIconTemplate(value: IgcRenderFunction); public get dragIndicatorIconTemplate(): IgcRenderFunction; /* mustSetInCodePlatforms: WebComponents;Blazor;React */ /** * Gets/Sets the sorting state. * * @remarks * Supports two-way data binding. * @example * ```html * * ``` */ public set sortingExpressions(value: IgcSortingExpression[]); public get sortingExpressions(): IgcSortingExpression[]; /** * Gets the number of hidden columns. * * @example * ```typescript * const hiddenCol = this.grid.hiddenColumnsCount; * `` */ public get hiddenColumnsCount(): number; /** * Gets the number of pinned columns. */ public get pinnedColumnsCount(): number; /** * Gets/Sets whether the grid has batch editing enabled. * When batch editing is enabled, changes are not made directly to the underlying data. * Instead, they are stored as transactions, which can later be committed w/ the `commit` method. * * @example * ```html * * * ``` */ public set batchEditing(value: boolean); public get batchEditing(): boolean; /** * Gets/Sets cell selection mode. * * @remarks * By default the cell selection mode is multiple * @param selectionMode: GridSelectionMode */ public set cellSelection(value: GridSelectionMode); public get cellSelection(): GridSelectionMode; /** * Gets/Sets row selection mode * * @remarks * By default the row selection mode is 'none' * Note that in IgxGrid and IgxHierarchicalGrid 'multipleCascade' behaves like 'multiple' */ public set rowSelection(value: GridSelectionMode); public get rowSelection(): GridSelectionMode; /** * Gets/Sets column selection mode * * @remarks * By default the row selection mode is none * @param selectionMode: GridSelectionMode */ public set columnSelection(value: GridSelectionMode); public get columnSelection(): GridSelectionMode; /** * Represents the last search information. */ public get lastSearchInfo(): IgcSearchInfo; /** * Returns an array of objects containing the filtered data. * * @example * ```typescript * let filteredData = this.grid.filteredData; * ``` */ public get filteredData(): any; /** * Returns an array containing the filtered sorted data. * * @example * ```typescript * const filteredSortedData = this.grid1.filteredSortedData; * ``` */ public get filteredSortedData(): any[]; /** * Returns the state of the grid virtualization. * * @remarks * Includes the start index and how many records are rendered. * @example * ```typescript * const gridVirtState = this.grid1.virtualizationState; * ``` */ public get virtualizationState(): IgcForOfState; /** * Gets/Sets the outlet used to attach the grid's overlays to. * * @remarks * If set, returns the outlet defined outside the grid. Otherwise returns the grid's internal outlet directive. */ public set outlet(value: IgcOverlayOutletDirective); public get outlet(): IgcOverlayOutletDirective; /** * Gets the default row height. * * @example * ```typescript * const rowHeigh = this.grid.defaultRowHeight; * ``` */ public get defaultRowHeight(): number; /** * Returns the `IgxGridHeaderGroupComponent`'s minimum allowed width. * * @remarks * Used internally for restricting header group component width. * The values below depend on the header cell default right/left padding values. */ public get defaultHeaderGroupMinWidth(): number; /** * Gets an array of `IgxColumnComponent`s. * * @example * ```typescript * const colums = this.grid.columns. * ``` */ public get columns(): IgcColumnComponent[]; /** * Gets an array of the pinned `IgxColumnComponent`s. * * @example * ```typescript * const pinnedColumns = this.grid.pinnedColumns. * ``` */ public get pinnedColumns(): IgcColumnComponent[]; /* csSuppress */ /** * Gets an array of the pinned `IgxRowComponent`s. * * @example * ```typescript * const pinnedRow = this.grid.pinnedRows; * ``` */ public get pinnedRows(): IgcGridRowComponent[]; /** * Gets an array of unpinned `IgxColumnComponent`s. * * @example * ```typescript * const unpinnedColumns = this.grid.unpinnedColumns. * ``` */ public get unpinnedColumns(): IgcColumnComponent[]; /** * Returns an array of visible `IgxColumnComponent`s. * * @example * ```typescript * const visibleColumns = this.grid.visibleColumns. * ``` */ public get visibleColumns(): IgcColumnComponent[]; /** * Returns the total number of records. * * @remarks * Only functions when paging is enabled. * @example * ```typescript * const totalRecords = this.grid.totalRecords; * ``` */ public set totalRecords(value: number); public get totalRecords(): number; /** * Returns the currently transformed paged/filtered/sorted/grouped/pinned/unpinned row data, displayed in the grid. * * @example * ```typescript * const dataView = this.grid.dataView; * ``` */ public get dataView(): any[]; /** * Gets/Sets whether clicking over a row should select/deselect it * * @remarks * By default it is set to true * @param enabled: boolean */ public set selectRowOnClick(value: boolean); public get selectRowOnClick(): boolean; /** * Returns whether the record is pinned or not. * * @param rowIndex Index of the record in the `filteredSortedData` collection. */ public isRecordPinnedByIndex(rowIndex: number): void; /** * Toggles the specified column's visibility. * * @example * ```typescript * this.grid1.toggleColumnVisibility({ * column: this.grid1.columns[0], * newValue: true * }); * ``` */ public toggleColumnVisibility(args: IgcColumnVisibilityChangedEventArgs): void; /** * Expands all rows. * * @example * ```typescript * this.grid.expandAll(); * ``` */ public expandAll(): void; /** * Collapses all rows. * * @example * ```typescript * this.grid.collapseAll(); * ``` */ public collapseAll(): void; /** * Expands the row by its id. * * @remarks * ID is either the primaryKey value or the data record instance. * @example * ```typescript * this.grid.expandRow(rowID); * ``` * @param rowID The row id - primaryKey value or the data record instance. */ public expandRow(rowID: any): void; /** * Collapses the row by its id. * * @remarks * ID is either the primaryKey value or the data record instance. * @example * ```typescript * this.grid.collapseRow(rowID); * ``` * @param rowID The row id - primaryKey value or the data record instance. */ public collapseRow(rowID: any): void; /** * Toggles the row by its id. * * @remarks * ID is either the primaryKey value or the data record instance. * @example * ```typescript * this.grid.toggleRow(rowID); * ``` * @param rowID The row id - primaryKey value or the data record instance. */ public toggleRow(rowID: any): void; /** * Gets the `width` to be set on `IgxGridHeaderGroupComponent`. */ public getHeaderGroupWidth(column: IgcColumnComponent): string; /** * Returns the `IgxColumnComponent` by field name. * * @example * ```typescript * const myCol = this.grid1.getColumnByName("ID"); * ``` * @param name */ public getColumnByName(name: string): IgcColumnComponent; public getColumnByVisibleIndex(index: number): IgcColumnComponent; /** * Recalculates all widths of columns that have size set to `auto`. * * @example * ```typescript * this.grid1.recalculateAutoSizes(); * ``` */ public recalculateAutoSizes(): void; /** * Places a column before or after the specified target column. * * @example * ```typescript * grid.moveColumn(column, target); * ``` */ public moveColumn(column: IgcColumnComponent, target: IgcColumnComponent, pos?: DropPosition): void; /** * Triggers change detection for the `IgxGridComponent`. * Calling markForCheck also triggers the grid pipes explicitly, resulting in all updates being processed. * May degrade performance if used when not needed, or if misused: * ```typescript * // DON'Ts: * // don't call markForCheck from inside a loop * // don't call markForCheck when a primitive has changed * grid.data.forEach(rec => { * rec = newValue; * grid.markForCheck(); * }); * * // DOs * // call markForCheck after updating a nested property * grid.data.forEach(rec => { * rec.nestedProp1.nestedProp2 = newValue; * }); * grid.markForCheck(); * ``` * * @example * ```typescript * grid.markForCheck(); * ``` */ public markForCheck(): void; /* csSuppress */ /** * Creates a new `IgxGridRowComponent` and adds the data record to the end of the data source. * * @example * ```typescript * this.grid1.addRow(record); * ``` * @param data */ public addRow(data: any): void; /* blazorCSSuppress */ /** * Removes the `IgxGridRowComponent` and the corresponding data record by primary key. * * @remarks * Requires that the `primaryKey` property is set. * The method accept rowSelector as a parameter, which is the rowID. * @example * ```typescript * this.grid1.deleteRow(0); * ``` * @param rowSelector */ public deleteRow(rowSelector: any): any; /* blazorCSSuppress */ /** * Updates the `IgxGridRowComponent` and the corresponding data record by primary key. * * @remarks * Requires that the `primaryKey` property is set. * @example * ```typescript * this.gridWithPK.updateCell('Updated', 1, 'ProductName'); * ``` * @param value the new value which is to be set. * @param rowSelector corresponds to rowID. * @param column corresponds to column field. */ public updateCell(value: any, rowSelector: any, column: string): void; /* blazorCSSuppress */ /** * Updates the `IgxGridRowComponent` * * @remarks * The row is specified by * rowSelector parameter and the data source record with the passed value. * This method will apply requested update only if primary key is specified in the grid. * @example * ```typescript * grid.updateRow({ * ProductID: 1, ProductName: 'Spearmint', InStock: true, UnitsInStock: 1, OrderDate: new Date('2005-03-21') * }, 1); * ``` * @param value– * @param rowSelector correspond to rowID */ // TODO: prevent event invocation public updateRow(value: any, rowSelector: any): void; /** * Returns the data that is contained in the row component. * * @remarks * If the primary key is not specified the row selector match the row data. * @example * ```typescript * const data = grid.getRowData(94741); * ``` * @param rowSelector correspond to rowID */ public getRowData(rowSelector: any): any; /** * Sort a single `IgxColumnComponent`. * * @remarks * Sort the `IgxGridComponent`'s `IgxColumnComponent` based on the provided array of sorting expressions. * @example * ```typescript * this.grid.sort({ fieldName: name, dir: SortingDirection.Asc, ignoreCase: false }); * ``` */ public sort(expression: IgcSortingExpression[]): void; /** * Filters a single `IgxColumnComponent`. * * @example * ```typescript * public filter(term) { * this.grid.filter("ProductName", term, IgxStringFilteringOperand.instance().condition("contains")); * } * ``` * @param name * @param value * @param conditionOrExpressionTree * @param ignoreCase */ public filter(name: string, value: any, conditionOrExpressionTree?: IgcFilteringExpressionsTree | IgcFilteringOperation, ignoreCase?: boolean): void; /** * Filters all the `IgxColumnComponent` in the `IgxGridComponent` with the same condition. * * @example * ```typescript * grid.filterGlobal('some', IgxStringFilteringOperand.instance().condition('contains')); * ``` * @param value * @param condition * @param ignoreCase * @deprecated */ public filterGlobal(value: any, condition: any, ignoreCase?: any): void; /** * Enables summaries for the specified column and applies your customSummary. * * @remarks * If you do not provide the customSummary, then the default summary for the column data type will be applied. * @example * ```typescript * grid.enableSummaries([{ fieldName: 'ProductName' }, { fieldName: 'ID' }]); * ``` * Enable summaries for the listed columns. * @example * ```typescript * grid.enableSummaries('ProductName'); * ``` * @param rest */ public enableSummaries(rest: any[]): void; /** * Disable summaries for the specified column. * * @example * ```typescript * grid.disableSummaries('ProductName'); * ``` * @remarks * Disable summaries for the listed columns. * @example * ```typescript * grid.disableSummaries([{ fieldName: 'ProductName' }]); * ``` */ public disableSummaries(rest: any[]): void; /** * If name is provided, clears the filtering state of the corresponding `IgxColumnComponent`. * * @remarks * Otherwise clears the filtering state of all `IgxColumnComponent`s. * @example * ```typescript * this.grid.clearFilter(); * ``` * @param name */ public clearFilter(name?: string): void; /** * If name is provided, clears the sorting state of the corresponding `IgxColumnComponent`. * * @remarks * otherwise clears the sorting state of all `IgxColumnComponent`. * @example * ```typescript * this.grid.clearSort(); * ``` * @param name */ public clearSort(name?: string): void; // TODO: We have return values here. Move them to event args ?? /** * Pins a column by field name. * * @remarks * Returns whether the operation is successful. * @example * ```typescript * this.grid.pinColumn("ID"); * ``` * @param columnName * @param index */ public pinColumn(columnName: string, index?: number): boolean; /** * Unpins a column by field name. Returns whether the operation is successful. * * @example * ```typescript * this.grid.pinColumn("ID"); * ``` * @param columnName * @param index */ public unpinColumn(columnName: string, index?: number): boolean; /* csSuppress */ /** * Pin the row by its id. * * @remarks * ID is either the primaryKey value or the data record instance. * @example * ```typescript * this.grid.pinRow(rowID); * ``` * @param rowID The row id - primaryKey value or the data record instance. * @param index The index at which to insert the row in the pinned collection. */ public pinRow(rowID: any, index?: number, row?: IgcRowType): boolean; /* csSuppress */ /** * Unpin the row by its id. * * @remarks * ID is either the primaryKey value or the data record instance. * @example * ```typescript * this.grid.unpinRow(rowID); * ``` * @param rowID The row id - primaryKey value or the data record instance. */ public unpinRow(rowID: any, row?: IgcRowType): boolean; /** * Recalculates grid width/height dimensions. * * @remarks * Should be run when changing DOM elements dimentions manually that affect the grid's size. * @example * ```typescript * this.grid.reflow(); * ``` */ public reflow(): void; /** * Finds the next occurrence of a given string in the grid and scrolls to the cell if it isn't visible. * * @remarks * Returns how many times the grid contains the string. * @example * ```typescript * this.grid.findNext("financial"); * ``` * @param text the string to search. * @param caseSensitive optionally, if the search should be case sensitive (defaults to false). * @param exactMatch optionally, if the text should match the entire value (defaults to false). */ public findNext(text: string, caseSensitive?: boolean, exactMatch?: boolean): number; /** * Finds the previous occurrence of a given string in the grid and scrolls to the cell if it isn't visible. * * @remarks * Returns how many times the grid contains the string. * @example * ```typescript * this.grid.findPrev("financial"); * ``` * @param text the string to search. * @param caseSensitive optionally, if the search should be case sensitive (defaults to false). * @param exactMatch optionally, if the text should match the entire value (defaults to false). */ public findPrev(text: string, caseSensitive?: boolean, exactMatch?: boolean): number; /** * Reapplies the existing search. * * @remarks * Returns how many times the grid contains the last search. * @example * ```typescript * this.grid.refreshSearch(); * ``` * @param updateActiveInfo */ public refreshSearch(updateActiveInfo?: boolean, endEdit?: boolean): number; /** * Removes all the highlights in the cell. * * @example * ```typescript * this.grid.clearSearch(); * ``` */ public clearSearch(): void; /** * Gets calculated width of the pinned area. * * @example * ```typescript * const pinnedWidth = this.grid.getPinnedWidth(); * ``` * @param takeHidden If we should take into account the hidden columns in the pinned area. */ public getPinnedWidth(takeHidden?: boolean): void; /** * Select specified rows by ID. * * @example * ```typescript * this.grid.selectRows([1,2,5], true); * ``` * @param rowIDs * @param clearCurrentSelection if true clears the current selection */ public selectRows(rowIDs: any[], clearCurrentSelection?: boolean): void; /** * Deselect specified rows by ID. * * @example * ```typescript * this.grid.deselectRows([1,2,5]); * ``` * @param rowIDs */ public deselectRows(rowIDs: any[]): void; /** * Selects all rows * * @remarks * By default if filtering is in place, selectAllRows() and deselectAllRows() select/deselect all filtered rows. * If you set the parameter onlyFilterData to false that will select all rows in the grid exept deleted rows. * @example * ```typescript * this.grid.selectAllRows(); * this.grid.selectAllRows(false); * ``` * @param onlyFilterData */ public selectAllRows(onlyFilterData?: boolean): void; /** * Deselects all rows * * @remarks * By default if filtering is in place, selectAllRows() and deselectAllRows() select/deselect all filtered rows. * If you set the parameter onlyFilterData to false that will deselect all rows in the grid exept deleted rows. * @example * ```typescript * this.grid.deselectAllRows(); * ``` * @param onlyFilterData */ public deselectAllRows(onlyFilterData?: boolean): void; /** * Deselect selected cells. * @example * ```typescript * this.grid.clearCellSelection(); * ``` */ public clearCellSelection(): void; /** * Select range(s) of cells between certain rows and columns of the grid. */ public selectRange(arg: IgcGridSelectionRange[]): void; /** * Get the currently selected ranges in the grid. */ public getSelectedRanges(): IgcGridSelectionRange[]; /** * * Returns an array of the current cell selection in the form of `[{ column.field: cell.value }, ...]`. * * @remarks * If `formatters` is enabled, the cell value will be formatted by its respective column formatter (if any). * If `headers` is enabled, it will use the column header (if any) instead of the column field. */ public getSelectedData(formatters?: boolean, headers?: boolean): void; /** * Get current selected columns. * * @example * Returns an array with selected columns * ```typescript * const selectedColumns = this.grid.selectedColumns(); * ``` */ public selectedColumns(): IgcColumnComponent[]; /** * Select specified columns. * * @example * ```typescript * this.grid.selectColumns(['ID','Name'], true); * ``` * @param columns * @param clearCurrentSelection if true clears the current selection */ public selectColumns(columns: string[] | IgcColumnComponent[], clearCurrentSelection?: boolean): void; /** * Deselect specified columns by field. * * @example * ```typescript * this.grid.deselectColumns(['ID','Name']); * ``` * @param columns */ public deselectColumns(columns: string[] | IgcColumnComponent[]): void; /** * Deselects all columns * * @example * ```typescript * this.grid.deselectAllColumns(); * ``` */ public deselectAllColumns(): void; /** * Selects all columns * * @example * ```typescript * this.grid.deselectAllColumns(); * ``` */ public selectAllColumns(): void; /** * * Returns an array of the current columns selection in the form of `[{ column.field: cell.value }, ...]`. * * @remarks * If `formatters` is enabled, the cell value will be formatted by its respective column formatter (if any). * If `headers` is enabled, it will use the column header (if any) instead of the column field. */ public getSelectedColumnsData(formatters?: boolean, headers?: boolean): void; /* blazorCsSuppress */ /** * Navigates to a position in the grid based on provided `rowindex` and `visibleColumnIndex`. * * @remarks * Also can execute a custom logic over the target element, * through a callback function that accepts { targetType: GridKeydownTargetType, target: Object } * @example * ```typescript * this.grid.navigateTo(10, 3, (args) => { args.target.nativeElement.focus(); }); * ``` */ public navigateTo(rowIndex: number, visibleColIndex?: number, cb?: any): void; /* blazorCsSuppress */ /** * Returns `ICellPosition` which defines the next cell, * according to the current position, that match specific criteria. * * @remarks * You can pass callback function as a third parameter of `getPreviousCell` method. * The callback function accepts IgxColumnComponent as a param * @example * ```typescript * const nextEditableCellPosition = this.grid.getNextCell(0, 3, (column) => column.editable); * ``` */ public getNextCell(currRowIndex: number, curVisibleColIndex: number, callback?: any): IgcCellPosition; /* blazorCsSuppress */ /** * Returns `ICellPosition` which defines the previous cell, * according to the current position, that match specific criteria. * * @remarks * You can pass callback function as a third parameter of `getPreviousCell` method. * The callback function accepts IgxColumnComponent as a param * @example * ```typescript * const previousEditableCellPosition = this.grid.getPreviousCell(0, 3, (column) => column.editable); * ``` */ public getPreviousCell(currRowIndex: number, curVisibleColIndex: number, callback?: any): IgcCellPosition; /** * Opens the advanced filtering dialog. */ public openAdvancedFilteringDialog(overlaySettings?: IgcOverlaySettings): void; /** * Closes the advanced filtering dialog. * * @param applyChanges indicates whether the changes should be applied */ public closeAdvancedFilteringDialog(applyChanges: boolean): void; /** * Finishes the row transactions on the current row and returns whether the grid editing was canceled. * * @remarks * If `commit === true`, passes them from the pending state to the data (or transaction service) * @example * ```html * * ``` * @param commit */ // TODO: Facade for crud service refactoring. To be removed // TODO: do not remove this, as it is used in rowEditTemplate, but mark is as internal and hidden /* blazorCSSuppress */ public endEdit(commit?: boolean, evt?: any): boolean; /** * Enters add mode by spawning the UI under the specified row by rowID. * * @remarks * If null is passed as rowID, the row adding UI is spawned as the first record in the data view * @remarks * Spawning the UI to add a child for a record only works if you provide a rowID * @example * ```typescript * this.grid.beginAddRowById('ALFKI'); * this.grid.beginAddRowById('ALFKI', true); * this.grid.beginAddRowById(null); * ``` * @param rowID - The rowID to spawn the add row UI for, or null to spawn it as the first record in the data view * @param asChild - Whether the record should be added as a child. Only applicable to igxTreeGrid. */ public beginAddRowById(rowID: any, asChild?: boolean): void; /* csSuppress */ /** * Enters add mode by spawning the UI at the specified index. * * @remarks * Accepted values for index are integers from 0 to this.grid.dataView.length * @example * ```typescript * this.grid.beginAddRowByIndex(0); * ``` * @param index - The index to spawn the UI at. Accepts integers from 0 to this.grid.dataView.length */ public beginAddRowByIndex(index: number): void; } export declare interface IgcGridBaseDirectiveEventMap { /** * Emitted after filtering is performed. * * @remarks * Returns the filtering expressions tree of the column for which filtering was performed. * @example * ```html * * ``` */ filteringExpressionsTreeChange: CustomEvent; /** * Emitted after advanced filtering is performed. * * @remarks * Returns the advanced filtering expressions tree. * @example * ```html * * ``` */ advancedFilteringExpressionsTreeChange: CustomEvent; /** * Emitted when grid is scrolled horizontally/vertically. * * @example * ```html * * ``` */ gridScroll: CustomEvent; /** * Emitted when a cell is clicked. * * @remarks * Returns the `IgxGridCell`. * @example * ```html * * ``` */ cellClick: CustomEvent; /** * Emitted when a row is clicked. * * @remarks * Returns the `IgxGridRow`. * @example * ```html * * ``` */ rowClick: CustomEvent; /** * Emitted when formGroup is created on edit of row/cell. * * @example * ```html * * ``` */ formGroupCreated: CustomEvent; /** * Emitted when grid's validation status changes. * * @example * ```html * * ``` */ validationStatusChange: CustomEvent; /** * Emitted when a cell is selected. * * @remarks * Returns the `IgxGridCell`. * @example * ```html * * ``` */ selected: CustomEvent; /** * Emitted when `IgxGridRowComponent` is selected. * * @example * ```html * * ``` */ rowSelectionChanging: CustomEvent; /** * Emitted when `IgxColumnComponent` is selected. * * @example * ```html * * ``` */ columnSelectionChanging: CustomEvent; /** * Emitted before `IgxColumnComponent` is pinned. * * @remarks * The index at which to insert the column may be changed through the `insertAtIndex` property. * @example * ```typescript * public columnPinning(event) { * if (event.column.field === "Name") { * event.insertAtIndex = 0; * } * } * ``` */ columnPin: CustomEvent; /** * Emitted after `IgxColumnComponent` is pinned. * * @remarks * The index that the column is inserted at may be changed through the `insertAtIndex` property. * @example * ```typescript * public columnPinning(event) { * if (event.column.field === "Name") { * event.insertAtIndex = 0; * } * } * ``` */ columnPinned: CustomEvent; /** * Emitted when cell enters edit mode. * * @remarks * This event is cancelable. * @example * ```html * * * ``` */ cellEditEnter: CustomEvent; /** * Emitted when cell exits edit mode. * * @example * ```html * * * ``` */ cellEditExit: CustomEvent; /** * Emitted when cell has been edited. * * @remarks * Event is fired after editing is completed, when the cell is exiting edit mode. * This event is cancelable. * @example * ```html * * * ``` */ cellEdit: CustomEvent; /* blazorCSSuppress */ /** * Emitted after cell has been edited and editing has been committed. * * @example * ```html * * * ``` */ cellEditDone: CustomEvent; /** * Emitted when a row enters edit mode. * * @remarks * Emitted when [rowEditable]="true". * This event is cancelable. * @example * ```html * * * ``` */ rowEditEnter: CustomEvent; /** * Emitted when exiting edit mode for a row. * * @remarks * Emitted when [rowEditable]="true" & `endEdit(true)` is called. * Emitted when changing rows during edit mode, selecting an un-editable cell in the edited row, * performing paging operation, column resizing, pinning, moving or hitting `Done` * button inside of the rowEditingOverlay, or hitting the `Enter` key while editing a cell. * This event is cancelable. * @example * ```html * * * ``` */ rowEdit: CustomEvent; /** * Emitted after exiting edit mode for a row and editing has been committed. * * @remarks * Emitted when [rowEditable]="true" & `endEdit(true)` is called. * Emitted when changing rows during edit mode, selecting an un-editable cell in the edited row, * performing paging operation, column resizing, pinning, moving or hitting `Done` * button inside of the rowEditingOverlay, or hitting the `Enter` key while editing a cell. * @example * ```html * * * ``` */ rowEditDone: CustomEvent; /** * Emitted when row editing is canceled. * * @remarks * Emits when [rowEditable]="true" & `endEdit(false)` is called. * Emitted when changing hitting `Esc` key during cell editing and when click on the `Cancel` button * in the row editing overlay. * @example * ```html * * * ``` */ rowEditExit: CustomEvent; /** * Emitted when a column is initialized. * * @remarks * Returns the column object. * @example * ```html * * ``` */ columnInit: CustomEvent; /* blazorInclude */ /** * @hidden @internal */ columnsAutogenerated: CustomEvent; /** * Emitted before sorting expressions are applied. * * @remarks * Returns an `ISortingEventArgs` object. `sortingExpressions` key holds the sorting expressions. * @example * ```html * * ``` */ sorting: CustomEvent; /** * Emitted after sorting is completed. * * @remarks * Returns the sorting expression. * @example * ```html * * ``` */ sortingDone: CustomEvent; /** * Emitted before filtering expressions are applied. * * @remarks * Returns an `IFilteringEventArgs` object. `filteringExpressions` key holds the filtering expressions for the column. * @example * ```html * * ``` */ filtering: CustomEvent; /** * Emitted after filtering is performed through the UI. * * @remarks * Returns the filtering expressions tree of the column for which filtering was performed. * @example * ```html * * ``` */ filteringDone: CustomEvent; /* blazorCSSuppress */ /** * Emitted when a row is added. * * @remarks * Returns the data for the new `IgxGridRowComponent` object. * @example * ```html * * ``` */ rowAdded: CustomEvent; /* blazorCSSuppress */ /** * Emitted when a row is deleted. * * @remarks * Returns an `IRowDataEventArgs` object. * @example * ```html * * ``` */ rowDeleted: CustomEvent; /** * Emmited when deleting a row. * * @remarks * This event is cancelable. * Returns an IRowDataCancellableEventArgs` object. * @example * ```html * * ``` */ rowDelete: CustomEvent; /** * Emmited just before the newly added row is commited. * * @remarks * This event is cancelable. * Returns an IRowDataCancellableEventArgs` object. * @example * ```html * * ``` */ rowAdd: CustomEvent; /** * Emitted after column is resized. * * @remarks * Returns the `IgxColumnComponent` object's old and new width. * @example * ```html * * ``` */ columnResized: CustomEvent; /** * Emitted when a cell or row is right clicked. * * @remarks * Returns the `IgxGridCell` object if the immediate context menu target is a cell or an `IgxGridRow` otherwise. * ```html * * ``` */ contextMenu: CustomEvent; /** * Emitted when a cell is double clicked. * * @remarks * Returns the `IgxGridCell` object. * @example * ```html * * ``` */ doubleClick: CustomEvent; /** * Emitted before column visibility is changed. * * @remarks * Args: { column: any, newValue: boolean } * @example * ```html * * ``` */ columnVisibilityChanging: CustomEvent; /** * Emitted after column visibility is changed. * * @remarks * Args: { column: IgxColumnComponent, newValue: boolean } * @example * ```html * * ``` */ columnVisibilityChanged: CustomEvent; /** * Emitted when column moving starts. * * @remarks * Returns the moved `IgxColumnComponent` object. * @example * ```html * * ``` */ columnMovingStart: CustomEvent; /** * Emitted during the column moving operation. * * @remarks * Returns the source and target `IgxColumnComponent` objects. This event is cancelable. * @example * ```html * * ``` */ columnMoving: CustomEvent; /** * Emitted when column moving ends. * * @remarks * Returns the source and target `IgxColumnComponent` objects. * @example * ```html * * ``` */ columnMovingEnd: CustomEvent; /** * Emitted when keydown is triggered over element inside grid's body. * * @remarks * This event is fired only if the key combination is supported in the grid. * Return the target type, target object and the original event. This event is cancelable. * @example * ```html * * ``` */ gridKeydown: CustomEvent; /** * Emitted when start dragging a row. * * @remarks * Return the dragged row. */ rowDragStart: CustomEvent; /** * Emitted when dropping a row. * * @remarks * Return the dropped row. */ rowDragEnd: CustomEvent; /** * Emitted when a copy operation is executed. * * @remarks * Fired only if copy behavior is enabled through the [`clipboardOptions`]{@link IgxGridBaseDirective#clipboardOptions}. */ gridCopy: CustomEvent; /* blazorInclude */ /** @hidden @internal */ selectedRowsChange: CustomEvent; /** * Emitted when the expanded state of a row gets changed. * * @example * ```html * * ``` */ rowToggle: CustomEvent; /** * Emitted when the pinned state of a row is changed. * * @example * ```html * * ``` */ rowPinning: CustomEvent; /** * Emitted when the pinned state of a row is changed. * * @example * ```html * * ``` */ rowPinned: CustomEvent; /** * Emmited when the active node is changed. * * @example * ``` * * ``` */ activeNodeChange: CustomEvent; /** * Emitted before sorting is performed. * * @remarks * Returns the sorting expressions. * @example * ```html * * ``` */ sortingExpressionsChange: CustomEvent; /** * Emitted when an export process is initiated by the user. * * @example * ```typescript * toolbarExporting(event: IGridToolbarExportEventArgs){ * const toolbarExporting = event; * } * ``` */ toolbarExporting: CustomEvent; /* End of toolbar related definitions */ /** * Emitted when making a range selection. * * @remarks * Range selection can be made either through drag selection or through keyboard selection. */ rangeSelected: CustomEvent; /** Emitted after the ngAfterViewInit hook. At this point the grid exists in the DOM */ rendered: CustomEvent; /** * Emitted before the grid's data view is changed because of a data operation, rebinding, etc. * * @example * ```typescript * * ``` */ dataChanging: CustomEvent; /** * Emitted after the grid's data view is changed because of a data operation, rebinding, etc. * * @example * ```typescript * * ``` */ dataChanged: CustomEvent; }