jQuery EasyUI 表单插件 – Numberspinner 数值微调器
2018-09-06 17:27 更新
jQuery EasyUI 表单插件 - Numberspinner 数值微调器
![jQuery EasyUI 插件](https://7n.w3cschool.cn/statics/images/course/up.gif)
扩展自 $.fn.spinner.defaults 和 $.fn.numberbox.defaults。通过 $.fn.numberspinner.defaults 重写默认的 defaults。
数值微调器(numberspinner)是基于微调器(spinner)和数字框(numberbox)创建的。它可以把输入值转换为不同类型(比如:数字 numeric、百分比 percentage、货币 currency,等等)。它允许用户使用向上/向下微调按钮滚动到一个期望值。
![](https://7n.w3cschool.cn/statics/images/course/numberspinner.png)
依赖
- spinner
- numberbox
用法
从标记创建数值微调器(numberspinner)。
<input id="ss" class="easyui-numberspinner" style="width:80px;" required="required" data-options="min:10,max:100,editable:false">
使用 javascript 创建数值微调器(numberspinner)。
<input id="ss" required="required" style="width:80px;">
$('#ss').numberspinner({ min: 10, max: 100, editable: false });
创建数值微调器(numberspinner),并把数字格式化为货币字符串。
<input class="easyui-numberspinner" value="1234567890" style="width:150px;" data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'">
属性
该属性扩展自微调器(spinner)和数字框(numberbox)。
事件
该事件扩展自微调器(spinner)。
方法
该方法扩展自微调器(spinner),下面是为数值微调器(numberspinner)重写的方法。
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
setValue | value | 设置数值微调器(numberspinner)的值。 代码实例: $('#ss').numberspinner('setValue', 8234725); // set value var v = $('#ss').numberspinner('getValue'); // get value alert(v) |
![jQuery EasyUI 插件](https://7n.w3cschool.cn/statics/images/course/up.gif)
以上内容是否对您有帮助:
更多建议: