NumericTextBoxComponent
Represents the Kendo UI NumericTextBox component for Angular.
Use this component to allow users to input numeric values.
Definition
Package:@progress/kendo-angular-inputs
Selector:kendo-numerictextbox
Export Name:Accessible in templates as #kendoNumericTextBoxInstance="kendoNumericTextBox"
Syntax:
<kendo-numerictextbox [(ngModel)]="value"></kendo-numerictextbox>Inputs
autoCorrect
boolean
When true, the value is automatically corrected based on the minimum and maximum values (see example).
false
changeValueOnScroll
boolean
When true, enables changing the value with the mouse wheel.
true
decimals
number
Specifies the number of decimals the user can enter when the input is focused (see example).
null
disabled
boolean
When true, disables the NumericTextBox.
To disable the component in reactive forms, see Forms Support.
false
Sets the background and border styles of the NumericTextBox (see example). The default value is set by the Kendo theme.
inputAttributes
{ [key: string]: string }
Sets HTML attributes on the inner input element. The component ignores attributes that are essential for its functionality.
max
number
Sets the maximum valid value (see example).
maxlength
number
Sets the maximum number of characters the user can type or paste in the input.
The locale-specific decimal separator and negative sign (-) count toward the length.
The maxlength does not apply to the formatted value when the component is not focused.
min
number
Sets the minimum valid value (see example).
placeholder
string
Sets the input placeholder.
rangeValidation
boolean
Enforces the built-in minimum and maximum validators during form validation.
true
readonly
boolean
When true, makes the NumericTextBox read-only.
false
Sets the border radius of the NumericTextBox (see example). The default value is set by the Kendo theme.
selectOnFocus
boolean
When true, enables selecting the entire value on click.
true
Sets the padding of the internal input element (see example). The default value is set by the Kendo theme.
spinners
boolean
When true, renders the Up and Down spin buttons (see example).
true
step
number
Specifies the value used to increment or decrement the component value (see example).
1
title
string
Sets the title attribute of the input element.
''
value
number
Sets the value of the NumericTextBox (see example).
null
Fields
format
string | NumberFormatOptions
Specifies the number format used when the NumericTextBox is not focused (see example).
If format is null or undefined, the default format is used.
Events
blur
EventEmitter<any>
Fires when the NumericTextBox component gets blurred (see example).
focus
EventEmitter<any>
Fires when the NumericTextBox element is focused (see example).
inputBlur
EventEmitter<any>
Fires when the input element gets blurred.
inputFocus
EventEmitter<any>
Fires when the input element is focused.
valueChange
EventEmitter<any>
Fires when the user selects a new value (see example).
Methods
Blurs the NumericTextBox.
Focuses the NumericTextBox.
Notifies the NumericTextBoxComponent that the input value should be changed. Can be used to update the input after setting the component properties directly.