jQWidgets Forums

jQuery UI Widgets Forums Getting Started 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

  • 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


    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


    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.


    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


    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

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

You must be logged in to reply to this topic.