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，并设定其属性。

代码如下：

 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        &nbsp;&nbsp;
 9    
10    </div>

属性说明：

      TargetControlID：该控件的目标控件，即其要扩展的控件。
      BoundControlID：当改变值时，显示数据的控件。
      EnableHandleAnimation：当改变值时滑块是否有动画效果。值为True，则有Animation效果；值为False，则没有Animation效果。
      RaiseChangeOnlyOnMouseUp：设定是否只有在鼠标离开的时候才触发事件。值为True,则是；否则，不是。

3)按下CTRL+F5,在浏览器中查看效果。

效果图如下：