第二百一十三节，jQuery EasyUI，NumberBox(数值输入框)组件

jQuery EasyUI，NumberBox(数值输入框)组件

功能：只能输入数值，和各种数值的计算

学习要点：

　　1.加载方式

　　2.属性列表

　　3.事件列表

　　4.方法列表

本节课重点了解 EasyUI 中 NumberBox(数值输入框)组件的使用方法，这个组件依赖 于 ValidateBox(验证框)组件。

一．加载方式

class 加载方式

<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2">

numberbox()将一个输入框执行数值输入框组件方法

JS 加载调用

$(‘#box‘).numberbox({
　　min : 0,
　　precision : 2,
});

二．属性列表

disabled   boolean 是否禁用该字段。默认值 false。

value   number 默认值。

min   number 允许的最小值。默认值 null。

max   number 允许的最大值。默认值 null。

precision   number 在十进制分隔符之后显示的最大精度。（即小数点后的显示精度）默认值0。

decimalSeparator   string 使用哪一种十进制字符分隔数字的整数和小数部分。默认值为小数点。

groupSeparator   string使用哪一种字符分割整数组，以显示成千上万的数据。(比如：99,999,999.00中的‘,‘就是该分隔符设置。)

prefix   string 前缀字符。(比如：金额的$或者￥)

suffix   string 后缀字符。(比如：后置的欧元符号€)

filter   function(e) 定义如何过滤按键，当返回 true 时则允许输入，反之禁止。

formatter   function(v) 用于格式化数值的函数。返回字符串值以显示到输入框中。

parser   function(s) 用于解析字符串的函数。