Multiple spinners on NumericTextBox

1 Answer 47 Views
NumericTextBox
Morten
Top achievements
Rank 2
Iron
Iron
Veteran
Morten asked on 12 Mar 2022, 08:17 AM

I had a case the other day when multiple spinners on the NumericTextBox would have been great for user input.

I.e. first spinner with step: 1, second spinner with step: 10 and third spinner with step: 100

I imagine a setup something like this:

spinners: {
  min: 0,
  max: 1000
  first: { step: 1 },
  second: { step: 10 },   
  third: { step: 100 },  
}

1 Answer, 1 is accepted

Sort by
0
Accepted
Georgi Denchev
Telerik team
answered on 16 Mar 2022, 04:31 PM

Hello, Moren,

There isn't a built-in functionality that allows you to render multiple spinners, however you can clone the existing one and attach click events to the up/down arrows. Then you can utilize the value method to update the value of the numerictextbox.

Here is a Dojo example with a simplified logic:

https://dojo.telerik.com/@gdenchev/OVoYAFEf 

Best Regards,
Georgi Denchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Morten
Top achievements
Rank 2
Iron
Iron
Veteran
commented on 17 Mar 2022, 10:02 AM

So cool. Thanks.
Tags
NumericTextBox
Asked by
Morten
Top achievements
Rank 2
Iron
Iron
Veteran
Answers by
Georgi Denchev
Telerik team
Share this question
or