2012-04-11 17 views
0

Iamはajax controltoolkitスライダーを使用しています。私はスライダーを一定の範囲に制限します。asp.net ajaxコントロールツールキットスライダー

のFR例:私のスライダーMINVALUEは0 & MAXVALUEは10000ですが、私は7000を言うだけ件までスクロールすることができ、 私のスライダーは7000に0から移動する必要がありますが、範囲バーが10000 でなければなりません行うにはどのような方法がありますこの?

答えて

0

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>