效果图:

主要属性:
Minimum - 最小值
Maximum - 最大值
Decimals - 值的小数位数
Steps - 整个Slider设置多少个间隔
Value - Microsoft的例子里有这属性,但实际上本人找不到此属性
EnableHandleAnimation - 移动横杆的时候是否起用动画(注意:如果设置了Steps属性就不能启用动画)
HandleAnimationDuration - Microsoft的例子里有这属性,但实际上本人找不到此属性
RailCssClass - 横杆的CSS
HandleCssClass - Slider的CSS
HandleImageURL - 作为横杆的的图片路径
Length - Slider的长度
BoundControlID - 绑定一个控件ID,此控件可以显示和设置Slider的值
TargetControlID - 作用于此控件ID
BehaviorID - 行为控件ID,可以通过此控件的事件模拟Slider的事件,通常和TargetControlID相同
RaiseChangeOnlyOnMouseUp - 假如设置true(默认),则要放开鼠标键后才会触发事件,否则拖动横杆的时候就会触发
TooltipText - 说明提示
aspx文件主要部分:
。。。。。
<style type ="text/css">
.RailCssClass
{position:relative;border:solid 1px black;margin:0 5px;background:#DDDCDB url(images/slider_h_rail.gif) repeat-x;height:22px;width:150px;}
</style>
。。。。。
<form id="form1" runat="server">
<ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" />
<div>
<asp:TextBox ID="Slider1" runat="server" AutoPostBack="true" style="right:0px" Text="0" />
<asp:TextBox ID="Slider1_BoundControl" runat="server" style="text-align:right;border:solid 1px black;" width="50"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<asp:Label ID="lblUpdateDate" runat="server" style="font-size:80%;" Text=" " />
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Slider1" EventName="TextChanged" />
</Triggers>
</asp:UpdatePanel>
<ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server"
BehaviorID="Slider1" RailCssClass ="RailCssClass"
TargetControlID="Slider1"
Minimum="-100" Decimals ="2"
Maximum="100"
BoundControlID="Slider1_BoundControl"
RaiseChangeOnlyOnMouseUp ="true" TooltipText ="调整次数"
EnableHandleAnimation ="true"
HandleImageURL="images\arrow.gif" />
</div>
</form>
。。。。。
aspx.vb文件主要部分:
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
ScriptManager1.RegisterAsyncPostBackControl(Slider1)
If (Page.IsPostBack) Then
lblUpdateDate.Text = "Changed at: " + DateTime.Now.ToLongTimeString()
End If
End Sub