AJAX ControlToolkit学习日志-Slider(25)
SliderExtender控件用于扩展asp:TextBox控件，从而实现在滚动杆上实现改变值的效果。
下面看一个示例：
1)在VS2005中新建一个ASP.NET AJAX-Enabeld Web Project项目工程，命名为SliderExtender1。
2)在Default.aspx中拖放2个TextBox，默认命名为TextBox1,TextBox2。TextBox1作为SliderExtender的目标控件，TextBox2作为显示改动值的控件。然后再拖放一个SliderExtender，并设定其属性。
代码如下：
属性说明：
TargetControlID：该控件的目标控件，即其要扩展的控件。
BoundControlID：当改变值时，显示数据的控件。
EnableHandleAnimation：当改变值时滑块是否有动画效果。值为True，则有Animation效果；值为False，则没有Animation效果。
RaiseChangeOnlyOnMouseUp：设定是否只有在鼠标离开的时候才触发事件。值为True,则是；否则，不是。
3)按下CTRL+F5,在浏览器中查看效果。
效果图如下：
下面看一个示例：
1)在VS2005中新建一个ASP.NET AJAX-Enabeld Web Project项目工程，命名为SliderExtender1。
2)在Default.aspx中拖放2个TextBox，默认命名为TextBox1,TextBox2。TextBox1作为SliderExtender的目标控件，TextBox2作为显示改动值的控件。然后再拖放一个SliderExtender，并设定其属性。
代码如下：
1
<div>
2 <br />
3 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
4 <cc1:SliderExtender ID="SliderExtender1" runat="server" BoundControlID="TextBox2"
5 EnableHandleAnimation="True" RaiseChangeOnlyOnMouseUp="False" TargetControlID="TextBox1">
6 </cc1:SliderExtender>
7 <asp:TextBox ID="TextBox2" runat="server" Width="12px"></asp:TextBox>
8
9
10 </div>
<div>2
<br />3
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />4
<cc1:SliderExtender ID="SliderExtender1" runat="server" BoundControlID="TextBox2"5
EnableHandleAnimation="True" RaiseChangeOnlyOnMouseUp="False" TargetControlID="TextBox1">6
</cc1:SliderExtender>7
<asp:TextBox ID="TextBox2" runat="server" Width="12px"></asp:TextBox>8
9
10
</div>属性说明：
TargetControlID：该控件的目标控件，即其要扩展的控件。
BoundControlID：当改变值时，显示数据的控件。
EnableHandleAnimation：当改变值时滑块是否有动画效果。值为True，则有Animation效果；值为False，则没有Animation效果。
RaiseChangeOnlyOnMouseUp：设定是否只有在鼠标离开的时候才触发事件。值为True,则是；否则，不是。
3)按下CTRL+F5,在浏览器中查看效果。
效果图如下：
