/*! * devextreme-angular-test * Version: 17.2.8 * Build date: Mon Feb 05 2018 * * Copyright (c) 2012 - 2018 Developer Express Inc. ALL RIGHTS RESERVED * * This software may be modified and distributed under the terms * of the MIT license. See the LICENSE file in the root of the project for details. * * https://github.com/DevExpress/devextreme-angular */ import { ElementRef, NgZone, OnDestroy, Injector, EventEmitter, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DevExpress from 'devextreme/bundles/dx.all'; import DxForm from 'devextreme/ui/form'; import { DxComponent } from '../core/component'; import { DxTemplateHost } from '../core/template-host'; import { NestedOptionHost } from '../core/nested-option'; import { WatcherHelper } from '../core/watcher-helper'; import { IterableDifferHelper } from '../core/iterable-differ-helper'; import { DxiItemComponent } from './nested/item-dxi'; /** * The Form widget represents fields of a data object as a collection of label-editor pairs. These pairs can be arranged in several groups, tabs and columns. */ export declare class DxFormComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxForm; /** * Specifies the shortcut key that sets focus on the widget. */ accessKey: string; /** * Specifies whether or not the widget changes its state when interacting with a user. */ activeStateEnabled: boolean; /** * Specifies whether or not all root item labels are aligned. */ alignItemLabels: boolean; /** * Specifies whether or not item labels in all groups are aligned. */ alignItemLabelsInAllGroups: boolean; /** * The count of columns in the form layout. */ colCount: number | string; /** * Specifies dependency between the screen factor and the count of columns in the form layout. */ colCountByScreen: any; /** * Specifies a function that customizes a form item after it has been created. */ customizeItem: Function; /** * Specifies whether the widget responds to user interaction. */ disabled: boolean; /** * Specifies the attributes to be attached to the widget's root element. */ elementAttr: any; /** * Specifies whether the widget can be focused using keyboard navigation. */ focusStateEnabled: boolean; /** * An object providing data for the form. */ formData: any; /** * Specifies the widget's height. */ height: number | Function | string; /** * Specifies text for a hint that appears when a user pauses on the widget. */ hint: string; /** * Specifies whether the widget changes its state when a user pauses on it. */ hoverStateEnabled: boolean; /** * Holds an array of form items. */ items: Array; /** * Specifies the location of a label against the editor. */ labelLocation: string; /** * The minimum column width used for calculating column count in the form layout. */ minColWidth: number; /** * The text displayed for optional fields. */ optionalMark: string; /** * Specifies whether all editors on the form are read-only. Applies only to non-templated items. */ readOnly: boolean; /** * The text displayed for required fields. */ requiredMark: string; /** * Specifies the message that is shown for end-users if a required field value is not specified. */ requiredMessage: string; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies the function returning the screen factor depending on the screen width. */ screenByWidth: Function; /** * A Boolean value specifying whether to enable or disable form scrolling. */ scrollingEnabled: boolean; /** * Specifies whether or not a colon is displayed at the end of form labels. */ showColonAfterLabel: boolean; /** * Specifies whether or not the optional mark is displayed for optional fields. */ showOptionalMark: boolean; /** * Specifies whether or not the required mark is displayed for required fields. */ showRequiredMark: boolean; /** * Specifies whether or not the total validation summary is displayed on the form. */ showValidationSummary: boolean; /** * Specifies the number of the element when the Tab key is used for navigating. */ tabIndex: number; /** * Gives a name to the internal validation group. */ validationGroup: string; /** * Specifies whether the widget is visible. */ visible: boolean; /** * Specifies the widget's width. */ width: number | Function | string; /** * A handler for the contentReady event. Executed when the widget's content is ready. This handler may be executed multiple times during the widget's lifetime depending on the number of times its content changes. */ onContentReady: EventEmitter; /** * A handler for the disposing event. Executed when the widget is removed from the DOM using the remove(), empty(), or html() jQuery methods only. */ onDisposing: EventEmitter; /** * A handler for the editorEnterKey event. */ onEditorEnterKey: EventEmitter; /** * A handler for the fieldDataChanged event. */ onFieldDataChanged: EventEmitter; /** * A handler for the initialized event. Executed only once, after the widget is initialized. */ onInitialized: EventEmitter; /** * A handler for the optionChanged event. Executed after an option of the widget is changed. */ onOptionChanged: EventEmitter; /** * A handler for the accessKeyChange event. */ accessKeyChange: EventEmitter; /** * A handler for the activeStateEnabledChange event. */ activeStateEnabledChange: EventEmitter; /** * A handler for the alignItemLabelsChange event. */ alignItemLabelsChange: EventEmitter; /** * A handler for the alignItemLabelsInAllGroupsChange event. */ alignItemLabelsInAllGroupsChange: EventEmitter; /** * A handler for the colCountChange event. */ colCountChange: EventEmitter; /** * A handler for the colCountByScreenChange event. */ colCountByScreenChange: EventEmitter; /** * A handler for the customizeItemChange event. */ customizeItemChange: EventEmitter; /** * A handler for the disabledChange event. */ disabledChange: EventEmitter; /** * A handler for the elementAttrChange event. */ elementAttrChange: EventEmitter; /** * A handler for the focusStateEnabledChange event. */ focusStateEnabledChange: EventEmitter; /** * A handler for the formDataChange event. */ formDataChange: EventEmitter; /** * A handler for the heightChange event. */ heightChange: EventEmitter; /** * A handler for the hintChange event. */ hintChange: EventEmitter; /** * A handler for the hoverStateEnabledChange event. */ hoverStateEnabledChange: EventEmitter; /** * A handler for the itemsChange event. */ itemsChange: EventEmitter>; /** * A handler for the labelLocationChange event. */ labelLocationChange: EventEmitter; /** * A handler for the minColWidthChange event. */ minColWidthChange: EventEmitter; /** * A handler for the optionalMarkChange event. */ optionalMarkChange: EventEmitter; /** * A handler for the readOnlyChange event. */ readOnlyChange: EventEmitter; /** * A handler for the requiredMarkChange event. */ requiredMarkChange: EventEmitter; /** * A handler for the requiredMessageChange event. */ requiredMessageChange: EventEmitter; /** * A handler for the rtlEnabledChange event. */ rtlEnabledChange: EventEmitter; /** * A handler for the screenByWidthChange event. */ screenByWidthChange: EventEmitter; /** * A handler for the scrollingEnabledChange event. */ scrollingEnabledChange: EventEmitter; /** * A handler for the showColonAfterLabelChange event. */ showColonAfterLabelChange: EventEmitter; /** * A handler for the showOptionalMarkChange event. */ showOptionalMarkChange: EventEmitter; /** * A handler for the showRequiredMarkChange event. */ showRequiredMarkChange: EventEmitter; /** * A handler for the showValidationSummaryChange event. */ showValidationSummaryChange: EventEmitter; /** * A handler for the tabIndexChange event. */ tabIndexChange: EventEmitter; /** * A handler for the validationGroupChange event. */ validationGroupChange: EventEmitter; /** * A handler for the visibleChange event. */ visibleChange: EventEmitter; /** * A handler for the widthChange event. */ widthChange: EventEmitter; itemsChildren: QueryList; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, injector: Injector, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost); protected _createInstance(element: any, options: any): DxForm; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; } export declare class DxFormModule { }