<kendo:numericTextBox>

A JSP wrapper for Kendo UI NumericTextBox.

Configuration Attributes

culture java.lang.String

Specifies the culture info used by the widget.

Example

<kendo:numericTextBox culture="culture">
</kendo:numericTextBox>

decimals float

Specifies the number precision applied to the widget value and when the NumericTextBox is focused. If not set, the precision defined by the current culture is used. If the user enters a number with a greater precision than is currently configured, the widget value will be rounded. For example, if decimals is 2 and the user inputs 12.346, the value will become 12.35. If the user inputs 12.99, the value will become 13.00.Compare with the format property.

Example

<kendo:numericTextBox decimals="decimals">
</kendo:numericTextBox>

downArrowText java.lang.String

Specifies the text of the tooltip on the down arrow.

Example

<kendo:numericTextBox downArrowText="downArrowText">
</kendo:numericTextBox>

factor float

Specifies the factor by which the value is multiplied. The obtained result is used as edit value. So, if 15 as string is entered in the NumericTextBox and the factor value is set to 100 the visual value will be 1500. On blur the visual value will be divided by 100 thus scaling the widget value to the original proportion.

Example

<kendo:numericTextBox factor="factor">
</kendo:numericTextBox>

format java.lang.String

Specifies the number format used when the widget is not focused. Any valid number format is allowed.Compare with the decimals property.

Example

<kendo:numericTextBox format="format">
</kendo:numericTextBox>

max float

Specifies the largest value the user can enter.

Example

<kendo:numericTextBox max="max">
</kendo:numericTextBox>

min float

Specifies the smallest value the user can enter.

Example

<kendo:numericTextBox min="min">
</kendo:numericTextBox>

placeholder java.lang.String

The hint displayed by the widget when it is empty. Not set by default.

Example

<kendo:numericTextBox placeholder="placeholder">
</kendo:numericTextBox>

restrictDecimals boolean

Specifies whether the decimals length should be restricted during typing. The length of the fraction is defined by the decimals value.

Example

<kendo:numericTextBox restrictDecimals="restrictDecimals">
</kendo:numericTextBox>

round boolean

Specifies whether the value should be rounded or truncated. The length of the fraction is defined by the decimals value.

Example

<kendo:numericTextBox round="round">
</kendo:numericTextBox>

spinners boolean

Specifies whether the up and down spin buttons should be rendered

Example

<kendo:numericTextBox spinners="spinners">
</kendo:numericTextBox>

step float

Specifies the value used to increment or decrement widget value.

Example

<kendo:numericTextBox step="step">
</kendo:numericTextBox>

upArrowText java.lang.String

Specifies the text of the tooltip on the up arrow.

Example

<kendo:numericTextBox upArrowText="upArrowText">
</kendo:numericTextBox>

value float

Specifies the value of the NumericTextBox widget.

Example

<kendo:numericTextBox value="value">
</kendo:numericTextBox>

Event Attributes

change String

Fires when the value is changed

For additional information check the change event documentation.

Example

<kendo:numericTextBox change="handle_change">
</kendo:numericTextBox>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

spin String

Fires when the value is changed from the spin buttons

For additional information check the spin event documentation.

Example

<kendo:numericTextBox spin="handle_spin">
</kendo:numericTextBox>
<script>
    function handle_spin(e) {
        // Code to handle the spin event.
    }
</script>

Event Tags

kendo:numericTextBox-change

Fires when the value is changed

For additional information check the change event documentation.

Example

<kendo:numericTextBox>
    <kendo:numericTextBox-change>
        <script>
            function(e) {
                // Code to handle the change event.
            }
        </script>
    </kendo:numericTextBox-change>
</kendo:numericTextBox>

kendo:numericTextBox-spin

Fires when the value is changed from the spin buttons

For additional information check the spin event documentation.

Example

<kendo:numericTextBox>
    <kendo:numericTextBox-spin>
        <script>
            function(e) {
                // Code to handle the spin event.
            }
        </script>
    </kendo:numericTextBox-spin>
</kendo:numericTextBox>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy