jqxNumberInput – Demo example

[ranajit.musaleMember]

Hello,
We are using the jqxNumberInput demo resided on this URL
( http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxnumberinput/index.htm?%28arctic%29#demos/jqxnumberinput/numberinputapi.htm ).
Click on Settings from the left panel to get actual demo and it’s related Source Code.

We have used this source code on our website as it is.

It is working as expected for jqxNumberInput’s property inputmode with value ‘advanced’ (for div with id ‘numericInput’ as in given example).

However, when we changed it’s inputmode to ‘simple’, we are observing strange behaviour for values in numericInput textbox.

What we actually observed is as follows:
Initially, the Digits drop-down list value sets to 8 (selected index – 7).
And as numericInput’s inputmode is set to ‘simple’, the default value for it sets to ‘0’.
Now, let’s say we have manually added 8 digits number in numericInput textbox (e.g. ‘12345678’).
And when we change the value in the Digits drop-down (let’s say we changed it to ‘5’ from initial ‘8’), the respective value in the numericInput textbox should be cropped to ‘12345’ ideally.
But it isn’t the case. The value in the textbox remains as it was (i.e. ‘12345678’).
Now when we again change the value in Digits drop-down to let’s say ‘3’ from previously selected ‘5’ in our example, the value in numericInput textbox gets cropped from ‘12345678’ to ‘12345’ (which ideally should be cropped to ‘123’). This is strange.

Here what we think actually happening is, on change of drop-downlist value, it sets the digits attribute value of numericInput textbox to the correct value as that of drop-down list, but the actual cropping behaviour is happening in the next step.

We have tried with every possible solution to resolve this problem, but we haven’t got any success yet.

It would be great if you look into this issue and reply with solution asap, as we are stuck here at this point of time.

Kindly get back if you need anything else to reproduce this issue. We will be happy to provide all the information that you needed to reproduce this issue.

Also, please note that as per our requirement we need default value for numericInput textbox to ‘0’ or NULL (blank).

Waiting for your soonest reply.

Thanks,
Ranajit

 

[Peter StoevKeymaster]

Hi Ranajit,

Set the value to 0 when you change the digits as a solution.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[ranajit.musaleMember]

So does it mean that auto-cropping for existing values in the numericInput textbox is not achievable if we use inputmode as ‘simple’?

[Author]

Posts