首页 > 代码库 > 第二百一十三节,jQuery EasyUI,NumberBox(数值输入框)组件

第二百一十三节,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) 用于解析字符串的函数。

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