NumericUpDownExtender 控件

功能:
    与TextBox控件联合用于增加或减少TextBox中的Value值。
属性:
      TargetControlID:该控件的目标作用控件。
      Width:该控件加上目标TextBox控件的宽度,要是不设定将看不到TextBox控件。
      RefValues:该控件中使用的一个字符串列,用于在TextBox中递增递减。
      ServiceUpPath:调用增加值的web方法时的路径。
      ServiceDownPath:调用减少值的web方法时的路径。
      ServiceUpMethod:调用增加值的web方法。
      ServiceDownMethod:调用减少值的web方法。
      TargetButtonUpID:自定义的增加值的控件按钮。
      TargetButtonDownID:自定义的减少值的控件按钮。

实例代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    
<title>Untitled Page</title>
</head>
<body>
    
<form id="form1" runat="server">
    
<center><h1>NumericUpDown控件的使用</h1></center>
        
<asp:ScriptManager ID="ScriptManager1" runat="server">
        
</asp:ScriptManager>
    
   Enter a numeric value and use the up and down buttons to 
<br />increment/decrement(min:1 and max:7)&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
   
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
          
<br />
            
<br />
            Choose your favorite month 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;
           
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
            
<br />
            Let the web service pick a random number between 0 and   
<br /> 1000 that is 
        higher/lower than the displayed value 
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
           
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox><br />
            
<br />
                    Use the arrow images to increment/decrement the value 
&nbsp;
                    
<asp:TextBox ID="TextBox4" runat="server" Height="15px"></asp:TextBox>
            
<ajaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender4" TargetControlID="TextBox4" Width="150" TargetButtonUpID="ImageButtonUp" TargetButtonDownID="ImageButtonDown"  runat="server">
            
</ajaxToolkit:NumericUpDownExtender>
            
&nbsp;&nbsp;

           
<asp:ImageButton ID="ImageButtonDown" runat="server" Width="15px" Height="15px" ImageUrl="~/Images/ArrowDown01.gif" />&nbsp;
            
            
<asp:ImageButton ID="ImageButtonUp" runat="server" Width="15px" Height="15px" ImageUrl="~/Images/ArrowUp01.gif" /> &nbsp;<br />
            
<ajaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender1" TargetControlID="TextBox1" Width="150" Minimum=1 Maximum=7  runat="server">
            
</ajaxToolkit:NumericUpDownExtender>
            
<ajaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender2" TargetControlID="TextBox2" Width="150" RefValues="January;February;March;April;May;June;July;August;September;October;November;December" runat="server">
            
</ajaxToolkit:NumericUpDownExtender>
            
<ajaxToolkit:NumericUpDownExtender ID="NumericUpDownExtender3" TargetControlID="TextBox3" Width="150" ServiceUpPath="WebServiceNumbericUpDown.asmx" ServiceUpMethod="PreNumber" ServiceDownPath="WebServiceNumbericUpDown.asmx" ServiceDownMethod="NextNumber" Tag="3" runat="server">
            
</ajaxToolkit:NumericUpDownExtender>
    
</form>
</body>
</html>
WebService代码如下:
public class WebServiceNumbericUpDown : System.Web.Services.WebService {

    
public WebServiceNumbericUpDown () {

        
//Uncomment the following line if using designed components 
        
//InitializeComponent(); 
    }



    [WebMethod]
         
public int NextNumber(int current, string tag)
         
{
            Random r1 
= new Random();
            
return r1.Next(Math.Min(Math.Max(0,current), 1000), 1001);
        }

 
        [WebMethod]
         
public int PreNumber(int current, string tag)
        
{
            Random r2 
= new Random();
            
return r2.Next(0, Math.Min(Math.Max(0,current), 1000));
        }

}


运行结果:
        
原文地址:https://www.cnblogs.com/abcdwxc/p/951973.html