asp.net ajax控制工具包滑塊

IAM使用ajax controltoolkit滑塊我想限制滑塊到一定的範圍。asp.net ajax控制工具包滑塊

前神父：我的滑塊MINVALUE爲0 & MAXVALUE是10000，但我可以只滾動高達7000說，我滑塊必須移動從0到7000，但範圍欄必須是10000 有沒有辦法做到這個？

2012-04-11 srinivas

滑塊有一個名爲OnClientDrag的事件，你可以做的是創建一個jquery/javascript函數，它將檢查更改時的值，當它達到7000時，可以通過jquery方法取消事件，像這樣可能會有所幫助：

<%@ Page Language="C#" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<script runat="server"> 

</script> 

<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title>Untitled Page</title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <asp:ScriptManager ID="ScriptManager1" runat="server"> 
     </asp:ScriptManager> 
     <asp:TextBox ID="Slider1" runat="server" AutoPostBack="false" style="right:0px" Text="0"/> 
     <ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server" 
      BehaviorID="Slider1" 
      TargetControlID="Slider1" 
      Minimum="-100" 
      Maximum="100" 
      BoundControlID="Slider1_BoundControl" 
      Steps="5" /> 

     <input id="btnDisable" type="button" value="Disable" onclick="disableSlider()"/> 
     <input id="btnEnable" type="button" value="Enable" onclick="enableSlider()" disabled="true"/> 
     <script type="text/javascript" language="javascript"> 
      function disableSlider(){ 
       $clearHandlers($find('Slider1')._handle); 
       $clearHandlers($find('Slider1')._railElement); 
       $get('btnDisable').disabled = true; 
       $get('btnEnable').disabled = false; 
      } 
      function enableSlider(){ 
       $addHandlers($find('Slider1')._handle, 
        { 
         'mousedown': $find('Slider1')._onMouseDown, 
         'dragstart': $find('Slider1')._IEDragDropHandler, 
         'drag': $find('Slider1')._IEDragDropHandler, 
         'dragend': $find('Slider1')._IEDragDropHandler 
        }, 
        $find('Slider1')); 

       $addHandlers($find('Slider1')._railElement, 
        { 
         'click': $find('Slider1')._onRailClick 
        }, 
        $find('Slider1')); 
       $get('btnDisable').disabled = false; 
       $get('btnEnable').disabled = true; 
      } 
     </script> 
    </form> 
</body> 
</html>

來源

2012-04-11 08:24:25

asp.net ajax控制工具包滑塊

回答

相關問題