欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

numberspinner(数字微调)

创建时间:2014年09月03日 09:48  阅读次数:(5897)
分享到:

NumberSpinner(数字微调)

扩展自$.fn.spinner.defaults和$.fn.numberbox.defaults。使用$.fn.numberspinner.defaults重写默认值对象。

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

 

依赖关系

  • spinner
  • numberbox

 

使用案例

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

  1. <input id="ss" class="easyui-numberspinner" style="width:80px;"  
  2.         required="required" data-options="min:10,max:100,editable:false">  

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

  1. <input id="ss" required="required" style="width:80px;">  
  1. $('#ss').numberspinner({   
  2.     min: 10,   
  3.     max: 100,   
  4.     editable: false  
  5. });  

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

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

 

属性

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

 

事件

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

 

方法

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

方法名称 方法参数 描述
options none 返回属性对象。
setValue value 设置数字微调控件的值。

代码示例:

$('#ss').numberspinner('setValue', 8234725);  // 设置值
var v = $('#ss').numberspinner('getValue');  // 获取值
alert(v);
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 68+2=? 的结果(结果是:70)
结  果: