欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

easyUI NumberSpinner

程序员文章站 2022-06-15 10:46:32
@author YHC 从 $.fn.spinner.defaults 和$.fn.numberbox.defaults继承,覆盖默认值 $.fn.numberspinner.d...

@author YHC

从 $.fn.spinner.defaults 和$.fn.numberbox.defaults继承,覆盖默认值 $.fn.numberspinner.defaults

numberspinner 创建是基于spinner 和numberbox,可以转换输入的值到不同的类型,例如,numeric, percentage, current, 等等.也可以使用 up/down spinner 按钮滚动到一个期望的值.

 

 

相关依赖
spinner
numberbox
使用示例
从标签创建numberspinner 


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

<input id="ss" class="easyui-numberspinner" style="width:80px;" 
        required="required" data-options="min:10,max:100,editable:false">  使用javascript创建numberspinner


[html]
<input id="ss" required="required" style="width:80px;">   

<input id="ss" required="required" style="width:80px;">  [javascript] view plaincopyprint?$('#ss').numberspinner({   
    min: 10,   
    max: 100,   
    editable: false   
});  

$('#ss').numberspinner({ 
    min: 10, 
    max: 100, 
    editable: false 
}); 创建numberspinner 和转换数字作为一个货币字符串


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

<input class="easyui-numberspinner" value="1234567890" style="width:150px;" 
        data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'" /> 
属性
属性从 spinner and numberbox继承.

事件
事件从 spinner继承.

方法
方法从spinner继承,下面是numberspinner重写的方法.

Name Parameter Description
options none 返回 options 对象.
setValue value 设置 numberspinner 值.
示例代码:

$('#ss').numberspinner('setValue', 8234725);  //设置值
var v = $('#ss').numberspinner('getValue');  // 得到值
alert(v)
 


以上如有错误信息,请指出,thanks!

 

 

作者:yhc13429826359