Skip to main content
 首页 » 编程设计

c#之如何使用 JavaScript 函数从 ASP.NET AJAX 控件工具包设置 slider 控件值

2024年02月23日40kerrycode

如何使用 JavaScript 函数从 ASP.NET AJAX 控件工具包设置 Slider 控件值? 这可能吗?

请您参考如下方法:

没错!您必须将与您的 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. 一个名为 incButton 的 asp:Button。这有一个调用 change() javascript 函数的 onClientClick 属性

这里是 change() 函数:

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

change() 函数将 asp:TextBox 控件中的值递增 10,从而在您每次单击按钮时增加 slider 位置。