NumberSpinner（数字微调）

扩展自$.fn.iSpinner.defaults和$.fn.iNumberbox.defaults。使用$.fn.iNumberspinner.defaults重写默认值对象。

数字微调控件的创建是基于微调控件和数值输入框控件的。他可以转换输入的值，比如：数值、百分比、货币等。它也允许使用上/下微调按钮调整到用户的期望值。

依赖关系

• spinner
• numberbox

使用案例

使用标签创建数字微调组件。

<input id="ss" data-toggle="topjui-numberspinner" data-options="required:true,width:80,min:10,max:100,editable:false">

使用Javascript创建数字微调组件。

<input id="ss">

$('#ss').iNumberspinner({
    required: true,
    width: 80,
    min: 10,
    max: 100,
    editable: false
});

创建数字微调组件并将数值格式化为货币字符串。

<input data-toggle="topjui-numberspinner" value="1234567890" style="width:150px;" data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'">

属性

本组件的属性完整继承自spinner(微调)和numberbox(数值输入框)。

事件

本组件的事件完整继承自spinner(微调)。

方法

本组件的方法扩展自spinner(微调)，本组建新增的方法如下：

方法名	方法参数	描述
options	none	返回属性对象。
setValue	value	设置数字微调控件的值。见下方代码示例。

方法代码示例

setValue方法示例：

$('#ss').iNumberspinner('setValue', 8234725);  // 设置值
var v = $('#ss').iNumberspinner('getValue');      // 获取值
alert(v);