@grapecity/wijmo.angular2.grid.multirow

/*! * * Wijmo Library 5.20211.781 * http://wijmo.com/ * * Copyright(c) GrapeCity, Inc. All rights reserved. * * Licensed under the GrapeCity Commercial License. * sales@wijmo.com * wijmo.com/products/wijmo-5/license/ * */ /** * {@module wijmo.angular2.grid.multirow} * Contains Angular 2 components for the wijmo.grid.multirow module. * * wijmo.angular2.grid.multirow is an external TypeScript module that can be imported to your code * using its ambient module name. For example: * * <pre>import * as wjMultiRow from 'wijmo/wijmo.angular2.grid.multirow'; *   * @Component({ * directives: [wjMultiRow.WjMultiRow], * template: `<wj-multi-row></wj-multi-row>`, * selector: 'my-cmp', * }) * export class MyCmp { * }</pre> * */ /** * */ export declare var ___keepComment: any; import { EventEmitter, AfterViewInit, ElementRef, Injector, OnInit, OnDestroy, ChangeDetectorRef } from '@angular/core'; import { IWjComponentMetadata, IWjComponentMeta } from '@grapecity/wijmo.angular2.directivebase'; import * as wjcGridMultirow from '@grapecity/wijmo.grid.multirow'; import * as wjcGrid from '@grapecity/wijmo.grid'; import * as wjGrid from '@grapecity/wijmo.angular2.grid'; declare var wjMultiRowMeta: IWjComponentMeta; export { wjMultiRowMeta }; /** * Angular 2 component for the {@link wijmo.grid.multirow.MultiRow} control. * * Use the wj-multi-row component to add MultiRow controls to your * Angular 2 applications. For details about Angular 2 markup syntax, see * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>. * * The WjMultiRow component is derived from the MultiRow control and * inherits all its properties, events and methods. * * The wj-multi-row component may contain the following child components: * {@link wijmo.angular2.grid.multirow.WjMultiRowCellGroup} * and {@link wijmo.angular2.grid.multirow.WjMultiRowCellTemplate}. */ export declare class WjMultiRow extends wjcGridMultirow.MultiRow implements OnInit, OnDestroy, AfterViewInit { cdRef: ChangeDetectorRef; static readonly meta: IWjComponentMetadata; private _wjBehaviour; /** * Indicates whether the component has been initialized by Angular. * Changes its value from false to true right before triggering the initialized event. */ isInitialized: boolean; /** * This event is triggered after the component has been initialized by Angular, that is * all bound properties have been assigned and child components (if any) have been initialized. */ initialized: EventEmitter<any>; /** * Defines a name of a property represented by [(ngModel)] directive (if specified). * Default value is ''. */ wjModelProperty: string; /** * Allows you to override the global WjOptions.asyncBindings setting for this specific component. * See the WjOptions.{@link WjOptions.asyncBindings} property description for details. */ asyncBindings: boolean; /** * Angular (EventEmitter) version of the Wijmo gotFocus event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional gotFocus Wijmo event name. */ gotFocusNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo lostFocus event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional lostFocus Wijmo event name. */ lostFocusNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo refreshing event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional refreshing Wijmo event name. */ refreshingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo refreshed event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional refreshed Wijmo event name. */ refreshedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo invalidInput event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional invalidInput Wijmo event name. */ invalidInputNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo beginningEdit event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional beginningEdit Wijmo event name. */ beginningEditNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo cellEditEnded event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional cellEditEnded Wijmo event name. */ cellEditEndedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo cellEditEnding event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional cellEditEnding Wijmo event name. */ cellEditEndingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo prepareCellForEdit event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional prepareCellForEdit Wijmo event name. */ prepareCellForEditNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo formatItem event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional formatItem Wijmo event name. */ formatItemNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo resizingColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional resizingColumn Wijmo event name. */ resizingColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo resizedColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional resizedColumn Wijmo event name. */ resizedColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo autoSizingColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional autoSizingColumn Wijmo event name. */ autoSizingColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo autoSizedColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional autoSizedColumn Wijmo event name. */ autoSizedColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo draggingColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional draggingColumn Wijmo event name. */ draggingColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo draggingColumnOver event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional draggingColumnOver Wijmo event name. */ draggingColumnOverNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo draggedColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional draggedColumn Wijmo event name. */ draggedColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo sortingColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional sortingColumn Wijmo event name. */ sortingColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo sortedColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional sortedColumn Wijmo event name. */ sortedColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo pinningColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional pinningColumn Wijmo event name. */ pinningColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo pinnedColumn event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional pinnedColumn Wijmo event name. */ pinnedColumnNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo resizingRow event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional resizingRow Wijmo event name. */ resizingRowNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo resizedRow event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional resizedRow Wijmo event name. */ resizedRowNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo autoSizingRow event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional autoSizingRow Wijmo event name. */ autoSizingRowNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo autoSizedRow event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional autoSizedRow Wijmo event name. */ autoSizedRowNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo draggingRow event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional draggingRow Wijmo event name. */ draggingRowNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo draggingRowOver event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional draggingRowOver Wijmo event name. */ draggingRowOverNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo draggedRow event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional draggedRow Wijmo event name. */ draggedRowNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo deletingRow event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional deletingRow Wijmo event name. */ deletingRowNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo deletedRow event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional deletedRow Wijmo event name. */ deletedRowNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo loadingRows event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional loadingRows Wijmo event name. */ loadingRowsNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo loadedRows event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional loadedRows Wijmo event name. */ loadedRowsNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo rowEditStarting event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional rowEditStarting Wijmo event name. */ rowEditStartingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo rowEditStarted event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional rowEditStarted Wijmo event name. */ rowEditStartedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo rowEditEnding event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional rowEditEnding Wijmo event name. */ rowEditEndingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo rowEditEnded event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional rowEditEnded Wijmo event name. */ rowEditEndedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo rowAdded event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional rowAdded Wijmo event name. */ rowAddedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo groupCollapsedChanging event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional groupCollapsedChanging Wijmo event name. */ groupCollapsedChangingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo groupCollapsedChanged event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional groupCollapsedChanged Wijmo event name. */ groupCollapsedChangedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo itemsSourceChanging event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional itemsSourceChanging Wijmo event name. */ itemsSourceChangingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo itemsSourceChanged event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional itemsSourceChanged Wijmo event name. */ itemsSourceChangedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo selectionChanging event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional selectionChanging Wijmo event name. */ selectionChangingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo selectionChanged event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional selectionChanged Wijmo event name. */ selectionChangedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo scrollPositionChanged event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional scrollPositionChanged Wijmo event name. */ scrollPositionChangedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo updatingView event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional updatingView Wijmo event name. */ updatingViewNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo updatedView event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional updatedView Wijmo event name. */ updatedViewNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo updatingLayout event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional updatingLayout Wijmo event name. */ updatingLayoutNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo updatedLayout event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional updatedLayout Wijmo event name. */ updatedLayoutNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo pasting event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional pasting Wijmo event name. */ pastingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo pasted event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional pasted Wijmo event name. */ pastedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo pastingCell event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional pastingCell Wijmo event name. */ pastingCellNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo pastedCell event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional pastedCell Wijmo event name. */ pastedCellNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo copying event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional copying Wijmo event name. */ copyingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo copied event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional copied Wijmo event name. */ copiedNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo collapsedHeadersChanging event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional collapsedHeadersChanging Wijmo event name. */ collapsedHeadersChangingNg: EventEmitter<any>; /** * Angular (EventEmitter) version of the Wijmo collapsedHeadersChanged event for programmatic access. * Use this event name if you want to subscribe to the Angular version of the event in code. * In template bindings use the conventional collapsedHeadersChanged Wijmo event name. */ collapsedHeadersChangedNg: EventEmitter<any>; collapsedHeadersChangePC: EventEmitter<any>; constructor(elRef: ElementRef, injector: Injector, parentCmp: any, cdRef: ChangeDetectorRef); /** * If you create a custom component inherited from a Wijmo component, you can override this * method and perform necessary initializations that you usually do in a class constructor. * This method is called in the last line of a Wijmo component constructor and allows you * to not declare your custom component's constructor at all, thus preventing you from a necessity * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters. */ created(): void; ngOnInit(): void; ngAfterViewInit(): void; ngOnDestroy(): void; addEventListener(target: EventTarget, type: string, fn: any, capture?: boolean): void; _edtFocus: boolean; startEditing(fullEdit?: boolean, r?: number, c?: number, focus?: boolean, evt?: any): boolean; onCellEditEnding(e: wjcGrid.CellEditEndingEventArgs): boolean; } declare var wjMultiRowCellMeta: IWjComponentMeta; export { wjMultiRowCellMeta }; /** * Angular 2 component for the {@link wijmo.grid.multirow.MultiRowCell} class. * * The wj-multi-row-cell component must be * contained in a {@link wijmo.angular2.grid.multirow.WjMultiRowCellGroup} component. * * Use the wj-multi-row-cell component to add MultiRowCell controls to your * Angular 2 applications. For details about Angular 2 markup syntax, see * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>. * * The WjMultiRowCell component is derived from the MultiRowCell class and * inherits all its properties, events and methods. * * The wj-multi-row-cell component may contain a {@link wijmo.angular2.grid.multirow.WjMultiRowCellTemplate} child component. */ export declare class WjMultiRowCell extends wjcGridMultirow.MultiRowCell implements OnInit, OnDestroy, AfterViewInit { cdRef: ChangeDetectorRef; static readonly meta: IWjComponentMetadata; private _wjBehaviour; /** * Indicates whether the component has been initialized by Angular. * Changes its value from false to true right before triggering the initialized event. */ isInitialized: boolean; /** * This event is triggered after the component has been initialized by Angular, that is * all bound properties have been assigned and child components (if any) have been initialized. */ initialized: EventEmitter<any>; /** * Gets or sets a name of a property that this component is assigned to. * Default value is 'cells'. */ wjProperty: string; constructor(elRef: ElementRef, injector: Injector, parentCmp: any, cdRef: ChangeDetectorRef); /** * If you create a custom component inherited from a Wijmo component, you can override this * method and perform necessary initializations that you usually do in a class constructor. * This method is called in the last line of a Wijmo component constructor and allows you * to not declare your custom component's constructor at all, thus preventing you from a necessity * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters. */ created(): void; ngOnInit(): void; ngAfterViewInit(): void; ngOnDestroy(): void; } declare var wjMultiRowCellGroupMeta: IWjComponentMeta; export { wjMultiRowCellGroupMeta }; /** * Angular 2 component for the {@link wijmo.grid.multirow.MultiRowCellGroup} class. * * The wj-multi-row-cell-group component must be * contained in a {@link wijmo.angular2.grid.multirow.WjMultiRow} component. * * Use the wj-multi-row-cell-group component to add MultiRowCellGroup controls to your * Angular 2 applications. For details about Angular 2 markup syntax, see * <a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>. * * The WjMultiRowCellGroup component is derived from the MultiRowCellGroup class and * inherits all its properties, events and methods. * * The wj-multi-row-cell-group component may contain a {@link wijmo.angular2.grid.multirow.WjMultiRowCell} child component. */ export declare class WjMultiRowCellGroup extends wjcGridMultirow.MultiRowCellGroup implements OnInit, OnDestroy, AfterViewInit { cdRef: ChangeDetectorRef; static readonly meta: IWjComponentMetadata; private _wjBehaviour; /** * Indicates whether the component has been initialized by Angular. * Changes its value from false to true right before triggering the initialized event. */ isInitialized: boolean; /** * This event is triggered after the component has been initialized by Angular, that is * all bound properties have been assigned and child components (if any) have been initialized. */ initialized: EventEmitter<any>; /** * Gets or sets a name of a property that this component is assigned to. * Default value is 'layoutDefinition'. */ wjProperty: string; constructor(elRef: ElementRef, injector: Injector, parentCmp: any, cdRef: ChangeDetectorRef); /** * If you create a custom component inherited from a Wijmo component, you can override this * method and perform necessary initializations that you usually do in a class constructor. * This method is called in the last line of a Wijmo component constructor and allows you * to not declare your custom component's constructor at all, thus preventing you from a necessity * to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters. */ created(): void; ngOnInit(): void; ngAfterViewInit(): void; ngOnDestroy(): void; } /** * Angular 2 directive for the {@link MultiRow} cell templates. * * The wjMultiRowCellTemplate directive defines a template for a certain * cell type in {@link MultiRow}. The template should be defined on a <ng-template> element * and must contain a cellType attribute that * specifies the {@link wijmo.angular2.grid.CellTemplateType}. Depending on the template's cell type, * the <ng-template> element with the wjMultiRowCellTemplate directive must be a child * of either {@link wijmo.angular2.grid.multirow.WjMultiRow} * or {@link wijmo.angular2.grid.multirow.WjMultiRowCell} components. * * Column-specific cell templates must be contained in wj-multi-row-cell * components, and cells that are not column-specific (like row header or top left cells) * must be contained in the wj-multi-row component. * * The <ng-template> element with the wjMultiRowCellTemplate directive * may contain an arbitrary HTML fragment with Angular 2 interpolation expressions and * other components and directives. * * Bindings in HTML fragment can use the cell local template variable containing the cell context object, * with col, row, and item properties that refer to the {@link MultiRowCell}, * {@link Row}, and Row.dataItem objects pertaining to the cell. * * For cell types like Group and CellEdit, an additional value * property containing an unformatted cell value is provided. For example, here is a * {@link MultiRow} control with templates for row header cells and, regular * and column header cells of the Country column: * * ```typescript * // component.ts * import * as wjMultiRow from '@grapecity/wijmo.angular2.grid.multirow'; * * @Component({ * templateUrl: './component.html', * selector: 'my-cmp', * }) * export class MyCmp { * data: any[]; * } * ``` * ```html *  * <wj-multi-row [itemsSource]="data"> * <ng-template wjMultiRowCellTemplate [cellType]="'RowHeader'" let-cell="cell"> * {{cell.row.index}} * </ng-template> * <ng-template wjMultiRowCellTemplate [cellType]="'RowHeaderEdit'"> * ... * </ng-template> * * <wj-multi-row-cell-group header="Statistics"> * <wj-multi-row-cell [header]="'Country'" [binding]="'country'"> * <ng-template wjMultiRowCellTemplate [cellType]="'ColumnHeader'" let-cell="cell"> * <img src="resources/globe.png" /> * {{cell.col.header}} * </ng-template> * <ng-template wjMultiRowCellTemplate [cellType]="'Cell'" let-cell="cell"> * <img src="resources/{{cell.item.country}}.png" /> * {{cell.item.country}} * </ng-template> * </wj-multi-row-cell> * <wj-multi-row-cell [header]="'Sales'" [binding]="'sales'"></wj-multi-row-cell> * </wj-multi-row-cell-group> * </wj-multi-row> * ``` * * The cellType attribute takes any of the following enumerated values: * * Cell * * Defines a regular (data) cell template. Must be a child of the {@link wijmo.angular2.grid.multirow.WjMultiRowCell} component. * For example, this cell template shows flags in the cells of Country column: * * ```html * <wj-multi-row-cell [header]="'Country'" [binding]="'country'"> * <ng-template wjMultiRowCellTemplate [cellType]="'Cell'" let-cell="cell"> * <img src="resources/{{cell.item.country}}.png" /> * {{cell.item.country}} * </ng-template> * </wj-multi-row-cell> * ``` * * CellEdit * * Defines a template for a cell in edit mode. Must be a child of the {@link wijmo.angular2.grid.multirow.WjMultiRowCell} component. * This cell type has an additional cell.value property available for binding. It contains the * original cell value before editing, and the updated value after editing. * For example, here is a template that uses the Wijmo {@link InputNumber} control as an editor * for the "Sales" column: * * ```html * <wj-multi-row-cell [header]="'Sales'" [binding]="'sales'"> * <ng-template wjMultiRowCellTemplate [cellType]="'CellEdit'"> * <wj-input-number [(value)]="cell.value" [step]="1"></wj-input-number> * </ng-template> * </wj-multi-row-cell> * ``` * * ColumnHeader * * Defines a template for a column header cell. Must be a child of the {@link wijmo.angular2.grid.multirow.WjMultiRowCell} component. * For example, this template adds an image to the header of the "Country" column: * * ```html * <wj-multi-row-cell [header]="'Country'" [binding]="'country'"> * <ng-template wjMultiRowCellTemplate [cellType]="'ColumnHeader'" let-cell="cell"> * <img src="resources/globe.png" /> * {{cell.col.header}} * </ng-template> * </wj-multi-row-cell> * ``` * * RowHeader * * Defines a template for a row header cell. Must be a child of the {@link wijmo.angular2.grid.multirow.WjMultiRow} component. * For example, this template shows row indices in the row headers: * * ```html * <wj-multi-row #mr [itemsSource]="data"> * <ng-template wjMultiRowCellTemplate [cellType]="'RowHeader'" let-cell="cell"> * {{cell.row.index / mr.rowsPerItem + 1}} * </ng-template> * </wj-multi-row> * ``` * * Note that this template is applied to a row header cell, even if it is in a row that is * in edit mode. In order to provide an edit-mode version of a row header cell with alternate * content, define the RowHeaderEdit template. * * RowHeaderEdit * * Defines a template for a row header cell in edit mode. Must be a child of the * {@link wijmo.angular2.grid.multirow.WjMultiRow} component. For example, this template shows dots in the header * of rows being edited: * * ```html * <wj-multi-row [itemsSource]="data"> * <ng-template wjMultiRowCellTemplate [cellType]="'RowHeaderEdit'"> * ... * </ng-template> * </wj-multi-row> * ``` * * Use the following RowHeaderEdit template to add the standard edit-mode indicator to cells where the RowHeader template * applies: * * ```html * <wj-multi-row [itemsSource]="data"> * <ng-template wjMultiRowCellTemplate [cellType]="'RowHeaderEdit'"> * {{&#x270e;}} * </ng-template> * </wj-multi-row> * ``` * * TopLeft * * Defines a template for the top left cell. Must be a child of the {@link wijmo.angular2.grid.multirow.WjMultiRow} component. * For example, this template shows a down/right glyph in the top-left cell of the grid: * * ```html * <wj-multi-row [itemsSource]="data"> * <ng-template wjMultiRowCellTemplate [cellType]="'TopLeft'"> * * </ng-template> * </wj-multi-row> * ``` * * GroupHeader * * Defines a template for a group header cell in a {@link GroupRow}. Must be a child of the {@link wijmo.angular2.grid.multirow.WjMultiRowCell} component. * * The cell.row property contains an instance of the GroupRow class. If the grouping comes * from {@link CollectionView}, the cell.item property references the {@link CollectionViewGroup} object. * * For example, this template uses a checkbox element as an expand/collapse toggle: * * ```html * <wj-multi-row-cell [header]="'Country'" [binding]="'country'"> * <ng-template wjMultiRowCellTemplate [cellType]="'GroupHeader'" let-cell="cell"> * <input type="checkbox" [(ngModel)]="cell.row.isCollapsed"/> * {{cell.item.name}} ({{cell.item.items.length}} items) * </ng-template> * </wj-multi-row-cell> * ``` * * Group * * Defines a template for a regular cell (not a group header) in a {@link GroupRow}. Must be a child of the * {@link wijmo.angular2.grid.multirow.WjMultiRowCell} component. This cell type has an additional cell.value property available for * binding. In cases where columns have the aggregate property specified, it contains the unformatted * aggregate value. * * For example, this template shows aggregate's value and kind for group row cells in the "Sales" * column: * * ```html * <wj-multi-row-cell [header]="'Sales'" [binding]="'sales'" [aggregate]="'Avg'"> * <ng-template wjMultiRowCellTemplate [cellType]="'Group'" let-cell="cell"> * Average: {{cell.value | number:'1.0-0'}} * </ng-template> * </wj-multi-row-cell> * ``` * * NewCellTemplate * * Defines a cell in a new row template. Must be a child of the {@link wijmo.angular2.grid.multirow.WjMultiRowCell} component. * Note that the cell.item property is undefined for this type of a cell. * For example, this cell template shows a placeholder in the Date column's cell in the "new row" item: * * ```html * <wj-multi-row-cell [header]="'Date'" [binding]="'date'"> * <ng-template wjMultiRowCellTemplate [cellType]="'NewCellTemplate'"> * Enter a date here * </ng-template> * </wj-multi-row-cell> * ``` */ export declare class WjMultiRowCellTemplate extends wjGrid.WjFlexGridCellTemplate { } export declare class WjGridMultirowModule { }