Numericup Down Extender

Numericup Down Extender

NumericupDownExtender is used with a TextBox control to allow the user to select a value from a list of values by clickin g on Up & Down arrow keys. 


TargetControlID :

Minimum & Maximum : Used to specify minimum & maximum values user can select with NumbericupDownExtender.

Step : Used to specify the value to increment or decrement when user click on up & Down arrow keys.

refValues : Used to specify the list of string values separated with semi colon when you want to use numericupDownExtender to select the string values.


The following example demonstrates how to use NumericupDownExtender control

Add a page to the website and then take aToolkitscriptmanager & 2 text boxes on it and set their ID’s as T1 & T2.

Within HTML source of the page Drag & Drop a numeric updownExtender and set following properties for it to allow the user to select values in the range of 1 to 100 within the 1 to 100 within the textbox T1 by using numericupdownextender

<asp:NumericupDownExtender  ID=”NumericupdownExtender1” runat=”server” TargetcontrolID=”T1” Minimum = “1” Maximum =”100” step=”5” width=”100”> </asp:NumericDownExtender>

Within HTML source itself Drag & Drop another numeric updown Extender and set following properties for it to allow the user to select a month within the textbox T2 by using NumericupDownExtender.

<asp:NumericDownExtender ID=”NumericupdownExtender1” runat=”server” TargetcontrolID=”T2” Refvalues=”Jan;Feb;Mar;Apr;May;June;July;Aug;Sep;Oct;Nov;Dec”> </asp:NumericDownExtender>