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

Question

如何使用JavaScript函數設置ASP.NET AJAX控件工具包中的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（爲SliderExtender使用）
2. 的asp:SliderExtender sliderBox_SliderExtender（與基本 默認值）
3. 的asp:TextBox一個名爲incButton的asp:Button。這具有onClientClick屬性調用change() javascript函數

這裏是change()功能：

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

的change()功能在asp:TextBox控制由10遞增值，從而增加每個滑塊位置當你點擊按鈕。