/*! * 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, OnInit, AfterViewInit, OnChanges, DoCheck, SimpleChanges, QueryList } from '@angular/core'; import DevExpress from 'devextreme/bundles/dx.all'; import DxDropDownBox from 'devextreme/ui/drop_down_box'; import { DxValidatorComponent } from './validator'; import { ControlValueAccessor } from '@angular/forms'; 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 DropDownBox widget consists of a text field, which displays the current value, and a drop-down field, which can contain any UI element. */ export declare class DxDropDownBoxComponent extends DxComponent implements OnDestroy, OnInit, AfterViewInit, ControlValueAccessor, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxDropDownBox; validator: DxValidatorComponent; /** * Specifies whether the widget allows a user to enter a custom value. */ acceptCustomValue: boolean; /** * 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 a custom template for the drop-down content. */ contentTemplate: any; /** * A data source used to fetch data to be displayed by the widget. */ dataSource: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array; /** * Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */ deferRendering: boolean; /** * Specifies whether the widget responds to user interaction. */ disabled: boolean; /** * Specifies the name of the data source item field whose value is displayed by the widget. */ displayExpr: Function | string; /** * Specifies a custom template for the drop-down button. */ dropDownButtonTemplate: any; /** * Configures the drop-down field which holds the content. */ dropDownOptions: DevExpress.ui.dxPopupOptions; /** * Specifies the attributes to be attached to the widget's root element. */ elementAttr: any; /** * The template to be used for rendering the widget's text field. */ fieldTemplate: any; /** * Specifies whether the widget can be focused using keyboard navigation. */ focusStateEnabled: boolean; /** * 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; /** * Specifies the attributes to be passed on to the underlying HTML element. */ inputAttr: any; /** * Specifies whether the editor's value is valid. */ isValid: boolean; /** * An array of items displayed by the widget. */ items: Array; /** * The value to be assigned to the `name` attribute of the underlying HTML element. */ name: string; /** * Specifies whether or not the drop-down editor is displayed. */ opened: boolean; /** * The text displayed by the widget when the widget value is empty. */ placeholder: string; /** * A Boolean value specifying whether or not the widget is read-only. */ readOnly: boolean; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies whether to display the Clear button in the widget. */ showClearButton: boolean; /** * Specifies the number of the element when the Tab key is used for navigating. */ tabIndex: number; /** * The read-only option that holds the text displayed by the widget input element. */ text: string; /** * Specifies information on the validation error when using a custom validation engine. Should be changed at runtime along with the isValid option. */ validationError: any; /** * Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */ validationMessageMode: string; /** * Specifies the currently selected value. May be an object if dataSource contains objects and valueExpr is not set. */ value: any; /** * Specifies after which DOM events the widget updates the value. */ valueChangeEvent: string; /** * Specifies which data field provides the widget's value. When this option is not set, the value is the entire data object. */ valueExpr: Function | string; /** * Specifies whether the widget is visible. */ visible: boolean; /** * Specifies the widget's width. */ width: number | Function | string; /** * A handler for the change event. */ onChange: EventEmitter; /** * A handler for the closed event. */ onClosed: EventEmitter; /** * A handler for the copy event. */ onCopy: EventEmitter; /** * A handler for the cut event. */ onCut: 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 enterKey event. */ onEnterKey: EventEmitter; /** * A handler for the focusIn event. */ onFocusIn: EventEmitter; /** * A handler for the focusOut event. */ onFocusOut: EventEmitter; /** * A handler for the initialized event. Executed only once, after the widget is initialized. */ onInitialized: EventEmitter; /** * A handler for the input event. */ onInput: EventEmitter; /** * A handler for the keyDown event. */ onKeyDown: EventEmitter; /** * A handler for the keyPress event. */ onKeyPress: EventEmitter; /** * A handler for the keyUp event. */ onKeyUp: EventEmitter; /** * A handler for the opened event. */ onOpened: EventEmitter; /** * A handler for the optionChanged event. Executed after an option of the widget is changed. */ onOptionChanged: EventEmitter; /** * A handler for the paste event. */ onPaste: EventEmitter; /** * A handler for the valueChanged event. */ onValueChanged: EventEmitter; /** * A handler for the acceptCustomValueChange event. */ acceptCustomValueChange: EventEmitter; /** * A handler for the accessKeyChange event. */ accessKeyChange: EventEmitter; /** * A handler for the activeStateEnabledChange event. */ activeStateEnabledChange: EventEmitter; /** * A handler for the contentTemplateChange event. */ contentTemplateChange: EventEmitter; /** * A handler for the dataSourceChange event. */ dataSourceChange: EventEmitter>; /** * A handler for the deferRenderingChange event. */ deferRenderingChange: EventEmitter; /** * A handler for the disabledChange event. */ disabledChange: EventEmitter; /** * A handler for the displayExprChange event. */ displayExprChange: EventEmitter; /** * A handler for the dropDownButtonTemplateChange event. */ dropDownButtonTemplateChange: EventEmitter; /** * A handler for the dropDownOptionsChange event. */ dropDownOptionsChange: EventEmitter; /** * A handler for the elementAttrChange event. */ elementAttrChange: EventEmitter; /** * A handler for the fieldTemplateChange event. */ fieldTemplateChange: EventEmitter; /** * A handler for the focusStateEnabledChange event. */ focusStateEnabledChange: 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 inputAttrChange event. */ inputAttrChange: EventEmitter; /** * A handler for the isValidChange event. */ isValidChange: EventEmitter; /** * A handler for the itemsChange event. */ itemsChange: EventEmitter>; /** * A handler for the nameChange event. */ nameChange: EventEmitter; /** * A handler for the openedChange event. */ openedChange: EventEmitter; /** * A handler for the placeholderChange event. */ placeholderChange: EventEmitter; /** * A handler for the readOnlyChange event. */ readOnlyChange: EventEmitter; /** * A handler for the rtlEnabledChange event. */ rtlEnabledChange: EventEmitter; /** * A handler for the showClearButtonChange event. */ showClearButtonChange: EventEmitter; /** * A handler for the tabIndexChange event. */ tabIndexChange: EventEmitter; /** * A handler for the textChange event. */ textChange: EventEmitter; /** * A handler for the validationErrorChange event. */ validationErrorChange: EventEmitter; /** * A handler for the validationMessageModeChange event. */ validationMessageModeChange: EventEmitter; /** * A handler for the valueChange event. */ valueChange: EventEmitter; /** * A handler for the valueChangeEventChange event. */ valueChangeEventChange: EventEmitter; /** * A handler for the valueExprChange event. */ valueExprChange: EventEmitter; /** * A handler for the visibleChange event. */ visibleChange: EventEmitter; /** * A handler for the widthChange event. */ widthChange: EventEmitter; onBlur: EventEmitter; change(_: any): void; touched: () => void; itemsChildren: QueryList; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, injector: Injector, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost); protected _createInstance(element: any, options: any): DxDropDownBox; writeValue(value: any): void; setDisabledState(isDisabled: boolean): void; registerOnChange(fn: (_: any) => void): void; registerOnTouched(fn: () => void): void; _createWidget(element: any): void; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; ngOnInit(): void; ngAfterViewInit(): void; } export declare class DxDropDownBoxModule { }