Movatterモバイル変換


[0]ホーム

URL:


Components / Inputs / API / MaskedTextBoxProps
New to Kendo UI for Vue? Start a free 30-day trial

MaskedTextBoxProps

Updated over 6 months ago

Represents the props of theKendo UI for Vue MaskedTextBox component.

NameTypeDefaultDescription

accessKey?

string

Specifies theaccessKey of the MaskedTextBox.

ariaDescribedBy?

string

Identifies the element(s) which will describe the component, similar toHTML aria-describedby attribute.For example these elements could contain error or hint message.

ariaLabelledBy?

string

Identifies the element(s) which will label the component.

defaultValue?

string

Specifies the initial value. Leaves the subsequent updates uncontrolled.

dir?

string

Represents thedir HTML attribute.

disabled?

boolean

Determines whether the MaskedTextBox is disabled.

fillMode?

string

solid

Configures thefillMode of the MaskedTextBox.

The available options are:

  • solid
  • outline
  • flat
  • null—Does not set a fillModeclass.

iconName?

String

Defines a string prop that controls the input icon. This property works only with the Kendo UI for Vue FontIcons.Check theIcons article for more information about how the Font Icon can be loaded to your project.

id?

string

Sets theid of theinput DOM element.

includeLiterals?

boolean

Indicates whether to include literals in the raw value. Defaults tofalse.

inputAttributes?

Object

Sets the built-in HTML attributes of the inner focusable input element.Attributes which are essential for certain component functionalities cannot be changed.

inputClass?

String

Defines additional class to the inner input element.

inputPrefix?

Object | Function | String | Boolean

Defines if the inputPrefix will be shown. Accepts a slot name, arender function, or a Vue component.

inputSuffix?

Object | Function | String | Boolean

Defines if the inputSuffix will be shown. Accepts a slot name, arender function, or a Vue component.

label?

string

Renders a floating label for the MaskedTextBox.

mask?

string

Represents the current mask. If no mask is set, the component behaves as a standardtype="text" input.

maskValidation?

boolean

Determines whether the built-in mask validator is enforced when a form is validated. Defaults totrue.

modelRawValue?

string

v-model raw value

modelValue?

string

v-model value

name?

string

Specifies thename property of theinput DOM element.

onBlur?

(event:MaskedTextBoxEvent) => void

Fires each time the MaskedTextBox gets blurred.

onChange?

(event:MaskedTextBoxChangeEvent) => void

Determines the event handler that will be fired when the user edits the value.

onFocus?

(event:MaskedTextBoxEvent) => void

Fires each time the user focuses the MaskedTextBox.

placeholder?

string

Specifies the input placeholder.

prompt?

string

Represents a prompt character for the masked value. Defaults to_.

promptPlaceholder?

string

Indicates a character which represents an empty position in the raw value. Defaults to.

readonly?

boolean

Determines whether the MaskedTextBox is in its read-only state.

required?

boolean

Specifies ifnull is a valid value for the component.

rounded?

string

medium

Configures theroundness of the MaskedTextBox.

The available options are:

  • small
  • medium
  • large
  • full
  • null—Does not set a roundedclass.

rules?

{[key: string]: RegExp}

Represents the RegExp-based mask validation array.

selection?

{ end: number; start: number; }

Represents the beginning and ending of the selected portion of the input content that will be applied the next time when the MaskedTextBox is rendered.

showClearButton?

Boolean

Defines a boolean prop that controls whether to show the clear icon. Defaults to 'false'.

showLoadingIcon?

Boolean

Defines a boolean prop that controls whether to show the loading icon. Defaults to 'false'.

showValidationIcon?

Boolean

Defines a boolean prop that controls whether to show the validation icon. Defaults to 'false'.

size?

string

medium

Configures thesize of the MaskedTextBox.

The available options are:

  • small
  • medium
  • large
  • null—Does not set a sizeclass.

tabIndex?

number

Sets thetabIndex property of the MaskedTextBox.

title?

string

Sets the title of theinput element of the MaskedTextBox.

type?

string

The type of the input - 'text' by default

valid?

boolean

Overrides the validity state of the component.Ifvalid is set, therequired property will be ignored.

validationMessage?

string

Controls the form error message of the component. If set to an empty string, no error will be thrown.

validityStyles?

boolean

If set tofalse, no visual representation of the invalid state of the component will be applied.

value?

string

Specifies the value of the MaskedTextBox.

width?

string | number

Specifies the width of the MaskedTextBox.

wrapperClass?

String

Defines additional class to the wrapper element.

Not finding the help you need?
Contact Support

[8]ページ先頭

©2009-2025 Movatter.jp