EasyUI-NumberSpinner(数字微调)

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

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


 
 


  • spinner
  • numberbox

 
 

使用案例

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

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


使用创建数字微调组件。

  1.  id=“ss” required=“required” style=“width:80px;”>  


  1. $(‘#ss').numberspinner({   
  2.     min: 10,   
  3.     max: 100,   
  4.     editable: false  
  5. });  


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

  1.  class=-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);

声明: 除非转自他站(如有侵权,请联系处理)外,本文采用 BY-NC-SA 协议进行授权 | 智乐兔
转载请注明:转自《EasyUI-NumberSpinner(数字微调)
本文地址:https://www.zhiletu.com/archives-2519.html
关注公众号:智乐兔

赞赏

wechat pay微信赞赏alipay pay支付宝赞赏

上一篇
下一篇

相关文章

在线留言

你必须 登录后 才能留言!

在线客服
在线客服 X

售前: 点击这里给我发消息
售后: 点击这里给我发消息

智乐兔官微