jQWidgets Forums

Tagged: JQXspinner Control how to set max and id we press down value does not reduce

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

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

Author

JQXspinner Control how to set max and id we press down value does not reduce Posts
July 28, 2014 at 5:58 am JQXspinner Control how to set max and id we press down value does not reduce #57739

Arun Karthick
Participant

Hi Jqxteam,
i have spinner control i set minimum value 9 and maximum value 999.in control i set inital value as 9 and i increased value to 999.if place the cursor at the end of the value(EG: 999 i placed cursor at last digit )i try to reduce the value(I pressed spin down arrow cursor),but value does not comes down(Expected value Needs come down 998).

Could u guide to come out this issue.

Thanks,
Karthick

July 28, 2014 at 6:02 am JQXspinner Control how to set max and id we press down value does not reduce #57741

Peter Stoev
Keymaster

Hi Karthick,

We do not have widget called jqxSpinner. If you mean some other widget, then please post your question in the appropriate Forum.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

July 30, 2014 at 5:52 am JQXspinner Control how to set max and id we press down value does not reduce #57808

Arun Karthick
Participant

Hi peter,
i have menttioned in previous thread jqxNumberInput instead of Jqxspinner.

i have the problem in jqxNumberInput control.

i have jqxNumberInput control i set min value 9 and max value 999.in control i set inital value as 9 and i increased value to 999.if place the cursor at the end of the value(EG: 999 i placed cursor at last digit )i try to reduce the value(I pressed spin down arrow cursor),but value does not comes down(Expected value Needs come down 998).

Could u guide to come out this issue.

July 30, 2014 at 6:00 am JQXspinner Control how to set max and id we press down value does not reduce #57809

Arun Karthick
Participant

Hi Peter,
i placed for ur reference sample control formatt.please try this and let me know.

$(“#jqxNumberInput”).jqxNumberInput({
width: ‘250px’,
height: ’25px’,
min: 0, max: 9999999,
decimalDigits: 0,
spinButtons: true,
digits: 7,
inputMode: ‘simple’, spinMode: ‘advanced’
});

thanks,
Karthick

July 30, 2014 at 2:22 pm JQXspinner Control how to set max and id we press down value does not reduce #57831
Peter Stoev
Keymaster
Hi Karthick,

I tested your scenario with jQWidgets 3.4 and it works fine in my tests. Please, check on your side whether you use the same version or not.

The sample’s code:
```
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.10.2.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/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxnumberinput.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            // Create jqxNumberInput

            $("#numericInput").jqxNumberInput({
                width: '250px',
                height: '25px',
                min: 0, max: 9999999,
                decimalDigits: 0,
                spinButtons: true,
                digits: 7,
                inputMode: 'simple', spinMode: 'advanced'
            });
        });
    </script>
</head>
<body class='default'>
    <div id='jqxWidget'>
        <div style='float: left;'>
            <div style='margin-top: 10px;'>
                Number
            </div>
            <div style='margin-top: 3px;' id='numericInput'>
            </div>
            <div style='margin-left: 0px; margin-top: 20px; float: left;'>
                <div>
                    <span>Events:</span>
                    <div id='Events'>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
```
Best Regards,
Peter Stoev

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

Posts

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

You must be logged in to reply to this topic.