MaskedTextBoxComponent
Represents the Kendo UI MaskedTextBox component for Angular.
@Component({
selector: 'my-app',
template: `
<kendo-maskedtextbox
[mask]="mask"
[value]="value">
</kendo-maskedtextbox>
`
})
class AppComponent {
public value: string = "9580128055807792";
public mask: string = "0000-0000-0000-0000";
}
Selector
kendo-maskedtextbox
Export Name
Accessible in templates as #kendoMaskedTextBoxInstance="kendoMaskedTextBox"
Inputs
Name | Type | Default | Description |
---|---|---|---|
disabled |
|
Determines whether the MaskedTextBox is disabled (see example). | |
fillMode |
|
The fillMode property specifies the background and border styles of the MaskedTexBox (see example). The possible values are:
| |
includeLiterals |
|
|
Indicates whether to include literals in the raw value (see example). |
mask |
|
Represents the current mask (see example).
If no mask is set, the component behaves as a standard
to a character that is not accepted by the mask. | |
maskOnFocus |
|
Specifies if the mask should be shown on focus for empty value. | |
maskValidation |
|
|
Determines whether the built-in mask validator is enforced when a form is validated (see example). |
prompt |
|
|
Represents a prompt character for the masked value. |
promptPlaceholder |
|
|
Indicates a character which represents an empty position in the raw value. |
readonly |
|
Determines whether the MaskedTextBox is in its read-only state (see example). | |
rounded |
|
The rounded property specifies the border radius of the MaskedTextBox (see example). The possible values are:
| |
rules |
|
Exposes the RegExp-based mask validation array (see example). | |
size |
|
The size property specifies the padding of the MaskedTextBox internal input element (see example). The possible values are:
| |
tabindex |
|
Specifies the tabindex of the component. | |
title |
|
Sets the title of the | |
value |
|
Provides a value for the MaskedTextBox. |
Fields
Name | Type | Default | Description |
---|---|---|---|
input |
|
Represents the |
Events
Name | Type | Description |
---|---|---|
blur |
|
Fires each time the
|
focus |
|
Fires each time the user focuses the
|
valueChange |
|
Fires each time the value changes. |
Methods
blur |
---|
Blurs the MaskedTextBox. |
focus |
---|
Focuses the MaskedTextBox.
|