Extend from $.fn.spinner.defaults and $.fn.numberbox.defaults. Override defaults with $.fn.numberspinner.defaults.
The numberspinner is created based on spinner and numberbox. It can convert the inputed value into different types such as numeric, percentage, current, etc. It also allows the user to scroll to a desired value using the up/down spinner buttons.
Create numberspinner from markup.
- <input id="ss" class="easyui-numberspinner" style="width:80px;"
- required="required" data-options="min:10,max:100,editable:false">
Create numberspinner using javascript.
- <input id="ss" required="required" style="width:80px;">
- $('#ss').numberspinner({
- min: 10,
- max: 100,
- editable: false
- });
Create numberspinner and format the number as a currency string.
- <input class="easyui-numberspinner" value="1234567890" style="width:150px;"
- data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'">
The properties extend from spinner and numberbox.
The events extend from spinner.
The methods extend from spinner, below is the overridden methods for numberspinner.
Name | Parameter | Description |
---|---|---|
options | none | Return the options object. |
setValue | value |
Set the numberspinner value.
Code example: $('#ss').numberspinner('setValue', 8234725); // set value var v = $('#ss').numberspinner('getValue'); // get value alert(v) |