javascript - Update a Gridview from a JQuery Slider -
i trying use jquery ui slider update gridview in visual studio. can tell me how use postback or other function achieve this. time.
jquery ui slider
<script> $(function () { $("#sliderrange1").slider({ range: true, min: 0, max: 2500, step: 100, values: [0, 2500], slide: function (event, ui) { $("#amount").val("mw " + ui.values[0] + " - mw " + ui.values[1]); $("#minval").val(ui.values[0]); $("#maxval").val(ui.values[1]); }, stop: function (event, ui) { } }); $("#amount").val("mw " + $("#sliderrange1").slider("values", 0) + " - mw " + $("#sliderrange1").slider("values", 1)); $("#minval").val($("#sliderrange1").slider("values", 0)); $("#maxval").val($("#sliderrange1").slider("values", 1)); }); </script>
i can display them on site, need preserve values selected slider update gridview uses sql commands query database.
html
<p> <label for="amount"> <br /> output range:</label> <input type="number" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" /> <label for="minval"> <br /> minval:</label> <input type="number" id="minval" style="border: 0; color: #f6931f; font-weight: bold;" /> <label for="maxval" visible="false"> <br /> maxval:</label> <input type="number" id="maxval" style="border: 0; color: #f6931f; font-weight: bold;" /> </p>
don't postback. using ajax instead. see http://api.jquery.com/jquery.ajax/
Comments
Post a Comment