NumericTextBox with custom display for zero

[Travis]

I am attempting to change my existing NumericTextBox to do something custom when the value is zero. It was requested that we display a double zero in that one scenario. All other scenarios should act the same as they do out of the box for the NumericTextBox. Is this do-able with the existing functionality of the NumericTextBox?

Basically the request is to do this --

Value: 0

Display: 00

 

Value: 234

Display 234

[Nikolay]

Hi Travis,

This functionality is not coming out of the box. However, you can use the setOptions() method to update the format conditionally in the change NumericTextBox event handler. For example:

$("#numerictextbox").kendoNumericTextBox({
        format: "0",
        change: function(e) {
          if(e.sender.value() === 0) {
            e.sender.setOptions({
              format: "0.0"
            })
          } else {
            if(e.sender.options.format == "0.0") {
              e.sender.setOptions({
                format: "0"
              })
            }
          }
        }
      });

Dojo demo: https://dojo.telerik.com/NqTqqWqH

Regards,
Nikolay
Progress Telerik

[Travis]

Thanks for this