您的位置:首页 > 产品设计 > UI/UE

easyUI NumberBox

2012-08-02 10:24 330 查看
@author YHC

继承至$.fn.validatebox.defaults.覆盖默认值$.fn.numberbox.defaults.

使用numberbox
让我们的用户只能输入数值类型,可以转换一个input元素到不同的类型,例如:numeric,percentage,
currency,等等...多数类型的input的定义

是依赖与'formatter'
和 'parser' 函数之上的.




相关依赖

validatebox


使用

根据标记创建numberbox 
<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2"></input>
使用javascript创建numberbox 
<input type="text" id="nn"></input>
$('#nn').numberbox({
min:0,
precision:2
});


属性

属性继承至 validatebox, 以下是numberbox新增属性 .
NameTypeDescriptionDefault
disabledboolean定义是否禁用该文本框.false
valuenumber默认值. 
minnumber允许最下值.null
maxnumber允许最大值.null
precisionnumber小数分隔符之后的显示最大精度 .0
decimalSeparatorstring小数分隔符分割整数和小数部分的数字..
groupSeparatorstring这个字符分割整数组,显示成千上百万的时候. 
prefixstring前缀字符串. 
suffixstring后缀字符串. 
formatterfunction(value)一个转换numberbox 值的函数.返回string值将显示到文本框. 
parserfunction(s)一个转换string的函数. 返回numberbox值. 


事件

NameParametersDescription
onChangenewValue,oldValue当文本框的值改变的时候触发.


方法

方法继承至 validatebox, 以下是numberbox新增或者重写的方法.

NameParameterDescription
optionsnone返回 numberbox options对象.
destroynone销毁 numberbox 对象.
disablenone禁用组件.
enablenone启用组件.
fixnone修复值为有效值.
setValuevalue设置 numberbox 值.
示例代码:

$('#nn').numberbox('setValue', 206.12);

getValuenone得到 numberbox 值.
Code example:

var v = $('#nn').numberbox('getValue');
alert(v);

clearnone清空numberbox 值.
以上如有错误信息,请指出,thanks!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息