Vue Form Types

ContentReadyEvent

The argument type in the contentReady event.

import { DxFormTypes } from "devextreme-vue/form"
Type: DxFormTypes.ContentReadyEvent

Used in:

DisposingEvent

The argument type in the disposing event.

import { DxFormTypes } from "devextreme-vue/form"
Type: DxFormTypes.DisposingEvent

Used in:

EditorEnterKeyEvent

The argument type in the editorEnterKey event.

import { DxFormTypes } from "devextreme-vue/form"
Type: DxFormTypes.EditorEnterKeyEvent

Used in:

FieldDataChangedEvent

The argument type in the fieldDataChanged event.

import { DxFormTypes } from "devextreme-vue/form"
Type: DxFormTypes.FieldDataChangedEvent

Used in:

FormItemComponent

Specifies which editor UI component is used to display and edit the form item value.

Type:

Literal Union

Accepted Values: 'dxAutocomplete' | 'dxCalendar' | 'dxCheckBox' | 'dxColorBox' | 'dxDateBox' | 'dxDateRangeBox' | 'dxDropDownBox' | 'dxHtmlEditor' | 'dxLookup' | 'dxNumberBox' | 'dxRadioGroup' | 'dxRangeSlider' | 'dxSelectBox' | 'dxSlider' | 'dxSwitch' | 'dxTagBox' | 'dxTextArea' | 'dxTextBox'

Used in:

FormItemType

Specifies the item's type.

Type:

Literal Union

Accepted Values: 'empty' | 'group' | 'simple' | 'tabbed' | 'button'

Used in:

FormLabelMode

Specifies a display mode for item labels.

Type:

Literal Union

Accepted Values: 'static' | 'floating' | 'hidden' | 'outside'

Used in:

FormPredefinedButtonItem

Specifies a predefined type for the button item.

Type:

Literal Union

Accepted Values: 'reset' | 'submit' | 'smartPaste'

The following predefined button types are available:

  • 'reset'
    Resets all values in the Form to their initial state.

  • 'submit'
    Submits the Form.

  • 'smartPaste'
    Populates the Form with AI-generated values based on clipboard text. Requires aiIntegration.

View Demo

Used in:

InitializedEvent

The argument type in the initialized event.

import { DxFormTypes } from "devextreme-vue/form"
Type: DxFormTypes.InitializedEvent

Used in:

LabelLocation

Specifies the location of a label against the editor.

Type:

Literal Union

Accepted Values: 'left' | 'right' | 'top'

Used in:

OptionChangedEvent

The argument type in the optionChanged event.

import { DxFormTypes } from "devextreme-vue/form"
Type: DxFormTypes.OptionChangedEvent

Used in:

SmartPastedEvent

The argument type in the smartPasted event.

import { DxFormTypes } from "devextreme-vue/form"
Type: DxFormTypes.SmartPastedEvent

Used in:

SmartPastingEvent

The argument type in the smartPasting event.

import { DxFormTypes } from "devextreme-vue/form"
Type: DxFormTypes.SmartPastingEvent

Used in: