easyUI NumberSpinner
@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
补充:web前端 , HTML 5 ,