如何使用JavaScript函數從ASP.NET AJAX Control Toolkit設置Slider控件值？

Question

如何使用JavaScript函數從ASP.NET AJAX Control Toolkit設置Slider控件值？ 這甚至可能嗎？

Answer 1

當然是！ 您必須將與SliderExtender關聯的asp:TextBox控件的值設置為所需的值。 所以對於這個ASP標記：

<asp:TextBox ID="sliderBox" runat="server" ClientIDMode="Static"></asp:TextBox>
<asp:SliderExtender ID="sliderBox_SliderExtender" runat="server" Enabled="True" 
    Maximum="100" Minimum="0" TargetControlID="sliderBox">
</asp:SliderExtender>
<asp:Button ID="incButton" runat="server" Text="incrementSlider" 
    onclientclick="change();" />

基本上是：

1. 一個名為sliderBox的asp:TextBox （供SliderExtender使用）
2. 一個asp:SliderExtender sliderBox_SliderExtender（基本上是默認值）
3. 一個asp:Button名為incButton的asp:Button 。 這有一個調用change() javascript函數的onClientClick屬性

這是change()函數：

<script type="text/javascript">
    function change() {
        document.getElementById("sliderBox").value += 10;
    }
</script>

change()函數將asp:TextBox控件中的值遞增10，從而在每次單擊按鈕時增加滑塊位置。