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