jQWidgets Forums

Tagged: Number Input, numeric input

This topic contains 7 replies, has 3 voices, and was last updated by Peter Stoev 10 years ago.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

jQWidgets 3.7.1 Spin Button Issue Posts
March 16, 2015 at 2:35 pm jQWidgets 3.7.1 Spin Button Issue #68615

mullai.b
Participant

<!DOCTYPE html>
<html lang=”en”>
<head>
<meta name=”keywords” content=”jQuery Input, Number Input, Currency Input, Percentage Input, Floating-Point Input, Decimal Input, jqxNumberInput” />
<meta name=”description” content=”The jqxNumberInput widget allows you to edit currency, percentages and any type of numeric data. The edited data can
be presented in various formats. Other built-in capabilities are customizable number of digits and decimal digits, currency symbol’s string and position, group and decimal separator character” />
<title id=’Description’>The jqxNumberInput widget allows you to edit currency, percentages and any type of numeric data. The edited data can
be presented in various formats. Other built-in capabilities are customizable number of digits and decimal digits, currency symbol’s string and position, group and decimal separator character.</title>
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”../../scripts/jquery-1.11.1.min.js”></script>
<script type=”text/javascript” src=”../../scripts/demos.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxnumberinput.js”></script>
<script type=”text/javascript” src=”../../jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript”>
$(document).ready(function () {
// Create jqxNumberInput
//$(“#numericInput”).jqxNumberInput({ width: ‘250px’, height: ’25px’, spinButtons: true });
$(“#numericInput”).jqxNumberInput({
width: ’80’,
height: ’25px’,
decimalDigits : 0,
min: 1, max: 16,
spinButtonsStep: 1,
inputMode: ‘simple’,
spinButtons: true,
spinMode: ‘simple’
});

// Create Percentage Input.
$(“#percentageInput”).jqxNumberInput({ width: ‘250px’, height: ’25px’, digits: 3, symbolPosition: ‘right’, symbol: ‘%’, spinButtons: true });
// Create Currency Input.
$(“#currencyInput”).jqxNumberInput({ width: ‘250px’, height: ’25px’, symbol: ‘$’, spinButtons: true });
// Create Disabled Input.
$(“#disabledInput”).jqxNumberInput({ width: 250, height: 25, disabled: true, spinButtons: true });
});
</script>
</head>
<body class=’default’>
<div id=’jqxWidget’ style=”font-size: 13px; font-family: Verdana; float: left;”>
<div style=’margin-top: 10px;’>
Number</div>
<div style=’margin-top: 3px;’ id=’numericInput’>
</div>
<div style=’margin-top: 10px;’>
Percentage</div>
<div style=’margin-top: 3px;’ id=’percentageInput’>
</div>
<div style=’margin-top: 10px;’>
Currency</div>
<div style=’margin-top: 3px;’ id=’currencyInput’>
</div>
<div style=’margin-top: 10px;’>
Disabled
</div>
<div style=’margin-top: 3px;’ id=’disabledInput’>
</div>
</div>
</body>
</html>

March 16, 2015 at 2:50 pm jQWidgets 3.7.1 Spin Button Issue #68616

mullai.b
Participant

Hi All,

Updated Latest Version: jQWidgets v3.7.1. Previously I was using jQWidgets v3.5.0.

when I using inputMode: ‘simple’, decimalDigits: 0 mode, like this:

$(“#jqxNumberInput”).jqxNumberInput({
width: ’80′,
height: ’25px’,
decimalDigits : 0,
min: 1,
max: 16,
spinButtonsStep: 1,
inputMode: ‘simple’,
spinButtons: true,
spinMode: ‘simple’ });

and select all numbers in the box, type any digit, caret will jump.

Test Scenario:
0 is set initially,
I want to type 2,
So I selected the values in box, and typed 2,
but result as 20

But In jQWidgets v3.5.0, the above test Scenario resulted as 2 [what expected]

How can I resolve this issue. IS this a bug.

Regards,
Mullai Malar

March 17, 2015 at 6:37 am jQWidgets 3.7.1 Spin Button Issue #68662

Peter Stoev
Keymaster

Hi mullai.b,

We will check whether something requires update from our side. Thanks for feedback!

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

March 18, 2015 at 8:26 am jQWidgets 3.7.1 Spin Button Issue #68795

mullai.b
Participant

Hi Peter,

Thanks for a Quick Response. We have Used jqxNumberInput in many places.
Users using Web Page is facing difficulties while changing the values [0 getting appended at last].

Waiting for your Feedback, to fix the above issue…..

Regards,
Mullai Malar

March 22, 2015 at 3:29 pm jQWidgets 3.7.1 Spin Button Issue #68947

stenor99
Participant

Hi,

we are currently trying out jqwidgets and also came across this.

In another thread it is stated that it is “by design”:
http://www.jqwidgets.com/community/topic/jqxnumberinput-issue-in-inputmode-simple-3-6-0/

But I cannot figure out any relevant use case for this design.

One possible work-around is described on the link below (using “advanced” with space as groupSeparator) but I would indeed consider it a glitch.
https://www.jqwidgets.com/community/topic/the-caret-jump-to-the-second-digit-when-type/

A simple fiddle to reproduce:
http://jsfiddle.net/3bLpzms9/7/

Select the inital “0”, type “1” and you will end up with “10” while “1” was expected.

Regards,
Stefan Norlin
Infoflex Connect

March 30, 2015 at 7:01 am jQWidgets 3.7.1 Spin Button Issue #69300

mullai.b
Participant

Hi JQWidgets Team,

Is there any updates on the above issue that has been addressed.

Regards,
Mullai Malar

April 17, 2015 at 11:10 am jQWidgets 3.7.1 Spin Button Issue #69996

mullai.b
Participant

Hi JQWidgets Team,

Is there any updates on the above issue that has been addressed. Please provide us when this issue will be resolved.

Regards,
Mullai Malar

April 17, 2015 at 12:03 pm jQWidgets 3.7.1 Spin Button Issue #70002

Peter Stoev
Keymaster

Hi Mullai Malar,

As you see on our website, the current version is still 3.7.1

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.