allowNull
|
bool
|
true
|
Sets or gets the allowNull property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input allow-null="true"></jqx-number-input>
|
decimal
|
int
|
0
|
Sets or gets the decimal property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input decimal="2"></jqx-number-input>
|
disabled
|
bool
|
false
|
Sets or gets the disabled property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input disabled="true"></jqx-number-input>
|
decimalDigits
|
int
|
2
|
Sets or gets the decimalDigits property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input decimal-digits="3"></jqx-number-input>
|
decimalSeparator
|
char
|
'.'
|
Sets or gets the decimalSeparator property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input decimal-separator=","></jqx-number-input>
|
digits
|
int
|
8
|
Sets or gets the digits property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input digits="8"></jqx-number-input>
|
groupSeparator
|
char
|
','
|
Sets or gets the groupSeparator property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input group-separator="."></jqx-number-input>
|
groupSize
|
int
|
3
|
Sets or gets the groupSize property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input group-size="2"></jqx-number-input>
|
height
|
int
|
null
|
Sets or gets the height property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input height="25"></jqx-number-input>
|
inputMode
|
string
|
'advanced'
|
Sets or gets the inputMode property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input input-mode="simple"></jqx-number-input>
|
min
|
int
|
-99999999
|
Sets or gets the min property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input min="2"></jqx-number-input>
|
max
|
int
|
99999999
|
Sets or gets the max property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input max="50"></jqx-number-input>
|
negativeSymbol
|
string
|
'-'
|
Sets or gets the negativeSymbol property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input negative-symbol="-"></jqx-number-input>
|
placeHolder
|
string
|
""
|
Sets or gets the placeHolder property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input place-holder="Null Value"></jqx-number-input>
|
promptChar
|
char
|
-
|
Sets or gets the promptChar property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input prompt-char="#"></jqx-number-input>
|
rtl
|
bool
|
false
|
Sets or gets the rtl property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input rtl="true"></jqx-number-input>
|
readOnly
|
bool
|
false
|
Sets or gets the readOnly property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input read-only="true"></jqx-number-input>
|
spinMode
|
string
|
'advanced'
|
Sets or gets the spinMode property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input spin-mode="advanced"></jqx-number-input>
|
spinButtons
|
bool
|
false
|
Sets or gets the spinButtons property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input spin-buttons="true"></jqx-number-input>
|
spinButtonsWidth
|
int
|
18
|
Sets or gets the spinButtonsWidth property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input spin-buttons="true" spin-buttons-width="30"></jqx-number-input>
|
spinButtonsStep
|
int
|
1
|
Sets or gets the spinButtonsStep property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input spin-buttons="true" spin-buttons-step="10"></jqx-number-input>
|
symbol
|
string
|
''
|
Sets or gets the symbol property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input symbol="$"></jqx-number-input>
|
symbolPosition
|
string
|
'left'
|
Sets or gets the symbolPosition property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input symbol="$" symbol-position="right"></jqx-number-input>
|
textAlign
|
string
|
'right'
|
Sets or gets the textAlign property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input text-align="right"></jqx-number-input>
|
template
|
string
|
'default'
|
Sets or gets the template property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input template="success"></jqx-number-input>
|
theme
|
string
|
''
|
Sets or gets the theme property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input theme="energyblue"></jqx-number-input>
|
width
|
int
|
null
|
Sets or gets the width property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input width="250"></jqx-number-input>
|
|
change
|
Event
|
|
Code examples
Bind to the change event of jqxNumberInput.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input on-change="eventHandler()"></jqx-number-input>
@section scripts { <script type="text/javascript"> function eventHandler(event) {
|
textchanged
|
Event
|
|
Code examples
Bind to the textchanged event of jqxNumberInput.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input on-textchanged="eventHandler()"></jqx-number-input>
@section scripts { <script type="text/javascript"> function eventHandler(event) {
|
valueChanged
|
Event
|
|
Code examples
Bind to the valueChanged event of jqxNumberInput.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input on-value-changed="eventHandler()"></jqx-number-input>
@section scripts { <script type="text/javascript"> function eventHandler(event) {
|
|
clear
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input instance="getInstance()"></jqx-number-input> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
destroy
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input instance="getInstance()"></jqx-number-input> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
focus
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input instance="getInstance()"></jqx-number-input> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
getDecimal
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input instance="getInstance()"></jqx-number-input> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance["getDecimal"]();
|
setDecimal
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input instance="getInstance()"></jqx-number-input> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance["setDecimal"](1);
|
val
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxnumberinput.js"></script>
<jqx-number-input instance="getInstance()"></jqx-number-input> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|