jQuery UI Widgets Forums Editors ScrollBar, Slider, BulletChart, RangeSelector Value jqxrangeselector inside textbox

This topic contains 2 replies, has 2 voices, and was last updated by  giansard 9 years, 6 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • Value jqxrangeselector inside textbox #58536

    giansard
    Participant
    Value jqxrangeselector inside textbox #58562

    Dimitar
    Participant

    Hello giansard,

    Here is an example. We hope it is helpful to you:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <title id="Description">RangeSelector - Numeric Scale</title>
        <link type="text/css" rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" />
        <script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxdata.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxrangeselector.js"></script>
        <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
        <script type="text/javascript" src="../../scripts/demos.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                // create jqxRangeSelector.
                $("#rangeSelector").jqxRangeSelector({
                    width: 750,
                    height: 100,
                    min: 1000,
                    max: 10000,
                    minorTicksInterval: 100,
                    majorTicksInterval: 1500,
                    labelsFormat: "c0",
                    markersFormat: "c0",
                    range: { from: 3000, to: 5000 }
                });
    
                var range = $('#rangeSelector').jqxRangeSelector('getRange');
                $("#from").text(range.from);
                $("#to").text(range.to);
    
                $("#rangeSelector").on("change", function (event) {
                    $("#from").text(event.args.from);
                    $("#to").text(event.args.to);
                });
            });
        </script>
    </head>
    <body>
        <div id="rangeSelector">
        </div>
        From <span id="from"></span> to <span id="to"></span>
    </body>
    </html>

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Value jqxrangeselector inside textbox #58603

    giansard
    Participant

    Thanks Dimitir, you are always very helpful

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

You must be logged in to reply to this topic.