![](/img/trans.png)
[英]How to set Slider control Value from ASP.NET AJAX Control Toolkit with JavaScript function?
[英]asp.net ajax control toolkit slider
我正在使用 ajax controltoolkit slider 我想将 slider 限制在一定范围内。
例如:我的 slider 最小值为 0,最大值为 10000,但我只能滚动到 7000,我的 slider 必须从 0 移动到 7000,但范围条必须为 10000。有什么办法可以做到这一点?
slider 有一个名为 OnClientDrag 的事件,您可以做的是创建一个 jquery/javascript function,它将在更改时检查值,当它达到 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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.