您当前的位置:首页 > 网站建设 > jQuery
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

jQuery EasyUI 表单插件 - Numberspinner 数值微调器

51自学网 2023-01-16 20:15:03
  jQuery

扩展自 $.fn.spinner.defaults 和 $.fn.numberbox.defaults。通过 $.fn.numberspinner.defaults 重写默认的 defaults。

数值微调器(numberspinner)是基于微调器(spinner)和数字框(numberbox)创建的。它可以把输入值转换为不同类型(比如:数字 numeric、百分比 percentage、货币 currency,等等)。它允许用户使用向上/向下微调按钮滚动到一个期望值。

依赖

  • 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 valuevar v = $('#ss').numberspinner('getValue');  // get valuealert(v)

下载地址:
jQuery EasyUI 表单插件 - Timespinner 时间微调器
jQuery EasyUI 表单插件 - Spinner 微调器
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1