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的