How to Disable Kendo numeric text box uparrow and downarrow

[Shankar]

Hi,
I have a set of rules like.
Allow to increase value ,
Allow to decrease value.

If we set above rules to false then I should prevent user increasing /Decreasing value from KendoNumericTextBox.

So how can I achieve this?

Code Example:

HTML Code:

<input class="inputMyCall" id="${Id}" type=number min=1 />

JS Code:
_InputMycallObj=$(".inputMyCall").kendoNumericTextBox({

         format: "#",

         spin: OnMyCallsChanged,

     }).data("kendoNumericTextBox");

Please advice.

Regards,
Shankar

 

[Dimiter Madjarov]

Hello Shankar,

To enable/disable the spin arrows according to a boolean value, you could bind to their mousedown event and prevent the default action when needed. I am attaching an example which demonstrates the described approach. In the sample file I am also preventing the press of the up and down key arrows along with the spin arrows. 

 
Please let me know if this covers your scenario.

All the best,
Dimiter Madjarov
the Telerik team