当前位置:编程学习 > html/css >>

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 ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,