解決Easyui的numberbox無法輸入以0開頭的數字編號
進入公司後做的第一個專案上線了，在上線不久後發現一個bug，就是Easyui的numberbox在輸入數字編號的時候不能以0開頭
在我輸入以0開頭的數字編號後，離開輸入框的時候，那個字首0就自動去掉了，這很奇怪，瞬間就覺得Easyui這個框架很蛋疼。
接下來，我們檢視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的
