返回介绍

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

发布于 2018-05-28 02:44:11 字数 1558 浏览 1089 评论 0 收藏 0

pre { white-space: pre-wrap; } jQuery EasyUI 插件

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

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

依赖

  • spinner
  • numberbox

用法

从标记创建数值微调器(numberspinner)。

<input id="ss"
    required="required" data-options="min:10,max:100,editable:false">

使用 javascript 创建数值微调器(numberspinner)。

<input id="ss" required="required">
$('#ss').numberspinner({
    min: 10,
    max: 100,
    editable: false
});

创建数值微调器(numberspinner),并把数字格式化为货币字符串。

<input value="1234567890"
    data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'">

属性

该属性扩展自微调器(spinner)和数字框(numberbox)。

事件

该事件扩展自微调器(spinner)。

方法

该方法扩展自微调器(spinner),下面是为数值微调器(numberspinner)重写的方法。

名称参数描述
optionsnone返回选项(options)对象。
setValuevalue设置数值微调器(numberspinner)的值。
代码实例:
$('#ss').numberspinner('setValue', 8234725);  // set value
var v = $('#ss').numberspinner('getValue');  // get value
alert(v)
jQuery EasyUI 插件

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文