从JQuery滑块更新Gridview

Question

我想用一个JQuery UI滑块来更新Visual Studio中的gridview。有人可以告诉我如何使用回发或其他功能来实现这一点。谢谢你的时间。

的JQuery UI滑块

<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> 

我可以在网站上显示出来，但我现在需要做的是保持从滑块选择的值更新使用SQL命令来查询数据库中的GridView 。

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> 

Answer 1

不要回发。改用AJAX来代替。见http://api.jquery.com/jQuery.ajax/