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,在瀏覽器中查看效果。

如下：