NumericTextbox wrapper: prevent removing of trailing zeros when added by user

[Vincent]

When a user enters trailing zeros I want the Numeric Textbox to keep them.

 

Here's an example of what I mean:

https://stackblitz.com/edit/kb6qcu?file=src/main.vue

Enter 17.00001, it keeps the decimals correct

Enter 17.00000, it removes all trailing zeros

Is it possible to configure the NumericTextbox to keep trailing zeros when the user explicitly enters them?

[Petar]

Hi Vincent,

The Vue NumericTextBox Wrapper component doesn't support the option of keeping the zeros only when the user enters them. A possible solution for your scenario could be to use the component with the below format configuration:

  <kendo-numerictextbox
    v-model.number="number"
    :format="'0.00000'"
    :min="0"
    :decimals="5"
    :round="false"
    :spinners="true"
  >
  </kendo-numerictextbox>

The above will show zeros after the decimal point. If you edit these zeros, the entered value will be presented in the component. Here is a StackBlitz project demonstrating the usage of the above code. 

I hope the provided solution will help you achieve your scenario.

Regards,
Petar
Progress Telerik