NumericUpDown Demonstration
NumericUpDown is an ASP.NET AJAX extender that can be attached to an ASP.NET TextBox control
to add "up" and "down" buttons that increment and decrement the value in the TextBox. The
increment and decrement can be simple +1/-1 arithmetic, they can cycle through a provided list
of values (like the months of the year), or they can call a Web Service to determine the next
value. Page authors can also provide custom images to be used instead of the default up/down
button graphics.
The control above is initialized with this code. The italic properties
are optional:
<ajaxToolkit:NumericUpDownExtender ID="NUD1" runat="server"
TargetControlID="TextBox1"
Width="100"
RefValues="January;February;March;April"
TargetButtonDownID="Button1"
TargetButtonUpID="Button2"
ServiceDownPath="WebService1.asmx"
ServiceDownMethod="PrevValue"
ServiceUpPath="WebService1.asmx"
ServiceUpMethod="NextValue"
Tag="1" />
The display of the default up/down buttons in Safari is such that Safari's "shiny" button
style makes the up/down arrows difficult to see. Custom images can be used for complete
control over the appearance.
|
How Do I: Use the NumericUpDown Extender Control?
In this video we examine the NumericUpDown extender control from the ASP.NET AJAX Control Toolkit.
We see how the NumericUpDown extender adds “up” and “down” buttons to
a standard ASP.NET TextBox control. The buttons allow the user to increment or decrement a
number, cycle through a list of known values, or call a Web Service to retrieve the next value.
In this way the developer can fully control the values the user may submit to a Web application.
Watch the Video
|