2012-04-11 10 views
0

Iam mit AJAX ControlToolkit Schieberegler Ich möchte den Schieberegler auf einen bestimmten Bereich beschränken.asp.net Ajax Steuerelement Toolkit Schieber

Fr ab: mein Schieber minvalue 0 & maxvalue 10000 ist, aber ich kann nur bis bewegen sagen 7000, mein Schieber 0-7000 aber der Bereich bar muss zu tun 10000. Gibt es eine Möglichkeit bewegen muss, Dies?

Antwort

0

Es gibt ein Ereignis für den Slider namens OnClientDrag, was Sie tun können, ist eine jquery/javascript-Funktion zu erstellen, die den Wert bei der Änderung überprüft und wenn es 7000 erreicht, können Sie das Ereignis über eine jquery-Methode abbrechen könnte helfen:

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