首页前端开发HTMLeasyUI NumberSpinner

easyUI NumberSpinner

时间2024-01-26 16:12:03发布访客分类HTML浏览975
导读:收集整理的这篇文章主要介绍了easyUI NumberSpinner,觉得挺不错的,现在分享给大家,也给大家做个参考。 @author YHC 从 $.fn.spinner.defaults 和$.fn.numberbox.defaults...
收集整理的这篇文章主要介绍了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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

ClassHTML

若转载请注明出处: easyUI NumberSpinner
本文地址: https://pptw.com/jishu/586984.html
Jetty与Maven集成 在线HTML编辑器――ueditor,跟struts2结合

游客 回复需填写必要信息