NumericTextBox Input Overview for ASP.NET AJAX

If users choose NumericTextBox Input mode of KT.UI for ASP.NET SDK, then you can just input numeric values, including number, currency and percent.

In this page, users can get the composite guides on following topics:

How to use C# codes to set specific type by using NumericTextBox Input control within C# ASP.NET programming project
How to use C# codes to adjust the increment and decrement of input values in NumericTextBox through keyboard and mouse wheel
How to adjust the data range in NumericTextBox by using demo C# codes

C# Codes for Setting Type of NumericTextBox Input

ASP.NET AJAX PerInput NumericTextBox library of KT.UI supports three seperate numeric types - number, currency and percent, which can be selected and adjusted by invoking and applying Type property. The input number type you choose will decide the format of value in the text box when it does not have focus.

When users set the Type property as "Number", the input value is displayed and formatted as simple number, when users change the Type property as "currency", the input value will be formatted as currency and when users need to display the input value in percent format, you can set the Type property as "Percent".

Please directly use following C# codes to specify any NumericTextBox Input type.

PerNumericTextBox1.Type = NumericType.Number;

C# Demo Codes for Increment Setting

By using KT.UI NumericTextBox Input control, users are able to set ShowSpinButtons property as true within SpinButtons control to adjust the data value of NumericTextBox via the up and down arrows. Users can adjust the numeric values by using keyboard and mouse wheel.

Through keyboard: when set the InterceptArrowKeys property as âtrueâ in IncrementSettings, users can specify the data value in NumericTextBox through up and down keys in keyboard.

Through mouse wheel: when set the InterceptMouseWheel property as âtrueâ in IncrementSettings pane, users can change the data value in NumericTextBox by scrolling the mouse wheel.

            PerNumericTextBox1.ShowSpinButtons = true;
            PerNumericTextBox1.IncrementSettings.InterceptArrowKeys = true;
            PerNumericTextBox1.IncrementSettings.InterceptMouseWheel = true;
            PerNumericTextBox1.IncrementSettings.Step = 1.0;

C# Sample Codes for Setting Data Range

Users can use following demo C# ASP.NET codes to set and define the data range in the numeric text box by using MaxValue and MinValue attributes.

            PerNumericTextBox1.MinValue = 0;
            PerNumericTextBox1.MaxValue = 150;

ASP.NET AJAX UI Controls

ASP.NET AJAX Input UI Control

Overview Getting Started TextBox NumericTextBox MaskedTextBox DateInput Input Manager

Client Prpgramming

Input Event

Server Prpgramming

Input Event ASP.NET AJAX ListBox UI Control ASP.NET AJAX ListView UI Control ASP.NET AJAX ToolBar UI Control ASP.NET AJAX TabControl UI Control ASP.NET AJAX Menu UI Control ASP.NET AJAX ToolTip UI Control