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

Popular posts from this blog

blackberry 10 - how to add multiple markers on the google map just by url? -

php - guestbook returning database data to flash -

delphi - Dynamic file type icon -