How to set Slider control Value from ASP.NET AJAX Control Toolkit with JavaScript function?(如何使用 JavaScript 函数从 ASP.NET AJAX 控件工具包设置滑块控件值?)

本文介绍了如何使用 JavaScript 函数从 ASP.NET AJAX 控件工具包设置滑块控件值?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

How to set Slider control Value from ASP.NET AJAX Control Toolkit with JavaScript function? Is this even possible?

解决方案

Sure is! You have to set the value of asp:TextBox control that's associated with your SliderExtender to the value that you want. So for this ASP markup:

<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();" />

Which is basically:

  1. an asp:TextBox named sliderBox (for the SliderExtender to use)
  2. an asp:SliderExtender sliderBox_SliderExtender (with basically default values)
  3. an asp:Button named incButton. This has an onClientClick property that calls the change() javascript function

And here is the change() function:

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

The change() function increments the value in the asp:TextBox control by 10, thus increasing the sliders position each time you click the button.

这篇关于如何使用 JavaScript 函数从 ASP.NET AJAX 控件工具包设置滑块控件值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！