1.问题
项目中碰到这样一个问题,Easyui的numberbox在输入数字编号的时候不能以0开头
在我输入以0开头的数字编号后，离开输入框的时候，那个前缀0就自动去掉了。
接下来，我们查看API说明：在input框里加上 prefix属性 data-options="prefix:'0'" 就可以解决numberbox开头不能输入0的问题了
2.属性
该属性扩展自验证框（validatebox），下面是为数字框（numberbox）添加的属性。
| 名称 |
类型 |
描述 |
默认值 |
| disabled |
boolean |
定义是否禁用该字段。 |
false |
| value |
number |
默认值。 |
|
| min |
number |
允许的最小值。 |
null |
| max |
number |
允许的最大值。 |
null |
| precision |
number |
显示在小数点后面的最大精度。 |
0 |
| decimalSeparator |
string |
分隔数字的整数部分和小数部分的分隔字符。 |
. |
| groupSeparator |
string |
分隔整数组合的字符。 |
|
| prefix |
string |
前缀字符串。 |
|
| suffix |
string |
后缀字符串。 |
|
| filter |
function(e) |
定义如何过滤被按下的键，返回 true 则接受输入字符。 该属性自版本 1.3.3 起可用。 |
|
| formatter |
function(value) |
用来格式数字框（numberbox）值的函数。返回显示在框中的字符串值。 |
|
| parser |
function(s) |
用来解析字符串的函数。返回数字框（numberbox）值。 |
|
3.事件
| 名称 |
参数 |
描述 |
| onChange |
newValue,oldValue |
当字段值改变时触发。 |
4.方法
该方法扩展自验证框（validatebox），下面是为数字框（numberbox）添加或重写的方法。
| 名称 |
参数 |
描述 |
| options |
none |
返回选项（options）对象。 |
| destroy |
none |
销毁数字框（numberbox）对象。 |
| disable |
none |
禁用该域。 |
| enable |
none |
启用该域。 |
| fix |
none |
把值固定为有效的值。 |
| setValue |
none |
设置数字框（numberbox）的值。 $('#nn').numberbox('setValue', 206.12); |
| getValue |
none |
获取数字框（numberbox）的值。 var v = $('#nn').numberbox('getValue'); alert(v); |
| clear |
none |
清除数字框（numberbox）的值。 |
| reset |
none |
重置数字框（numberbox）的值。该方法自版本 1.3.2 起可用。 |
5、实例
<table cellpadding="5" style="width: 100%; height: 20%;">
<tr>
<td style="text-align: right;">操作员编号:</td>
<td><input id="operatorId" class="easyui-numberbox" data-options="prefix:'0'" style="width: 180px"></td>
<td style="text-align: right;">操作员姓名:</td>
<td><input id="operatorName" class="easyui-textbox" style="width: 180px"></td>
<td style="text-align: right;">所属单位:</td>
<td><input id="operatorCompany" class="easyui-textbox" style="width: 180px"></td>
</tr>
</table>
6.效果
之前是无法输入0的
