easyUI NumberBox

@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新增属性 .

Name	Type	Description	Default
disabled	boolean	定义是否禁用该文本框.	false
value	number	默认值.
min	number	允许最下值.	null
max	number	允许最大值.	null
precision	number	小数分隔符之后的显示最大精度 .	0
decimalSeparator	string	小数分隔符分割整数和小数部分的数字.	.
groupSeparator	string	这个字符分割整数组,显示成千上百万的时候.
prefix	string	前缀字符串.
suffix	string	后缀字符串.
formatter	function(value)	一个转换numberbox 值的函数.返回string值将显示到文本框.
parser	function(s)	一个转换string的函数. 返回numberbox值.

事件

Name	Parameters	Description
onChange	newValue,oldValue	当文本框的值改变的时候触发.

方法

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

Name	Parameter	Description
options	none	返回 numberbox options对象.
destroy	none	销毁 numberbox 对象.
disable	none	禁用组件.
enable	none	启用组件.
fix	none	修复值为有效值.
setValue	value	设置 numberbox 值. 示例代码: $('#nn').numberbox('setValue', 206.12);
getValue	none	得到 numberbox 值. Code example: var v = $('#nn').numberbox('getValue'); alert(v);
clear	none	清空numberbox 值.

以上如有错误信息,请指出,thanks!