IT学习联盟

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
IT学习联盟 门户 文章 HTML 5 查看内容

easyUI NumberSpinner

2012-8-18 17:14| 发布者: admin| 查看: 1719| 评论: 0

@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!

 

Archiver|IT学习联盟| 网站地图

Powered by Discuz! X2.5© 2001-2010 世界学习室 大伟制作

GMT+8, 2018-8-16 17:47 , Processed in 0.095195 second(s), 12 queries .