![](/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.