asp.net ajax 控制工具包滑块答案

【问题标题】：asp.net ajax control toolkit sliderasp.net ajax 控制工具包滑块
【发布时间】：2012-04-11 08:06:37
【问题描述】：

我正在使用 ajax controltoolkit 滑块，我想将滑块限制在一定范围内。

Fr ex：我的滑块最小值为 0，最大值为 10000，但我只能滚动到 7000，我的滑块必须从 0 移动到 7000，但范围栏必须是 10000。有没有办法做到这一点？

【问题讨论】：

标签： asp.net asp.net-ajax ajaxcontroltoolkit

【解决方案1】：

滑块有一个名为 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>

【讨论】：