本文介绍了如何使用 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:
- an
asp:TextBox
named sliderBox (for theSliderExtender
to use) - an
asp:SliderExtender
sliderBox_SliderExtender (with basically default values) - an
asp:Button
named incButton. This has anonClientClick
property that calls thechange()
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 控件工具包设置滑块控件值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!