第二百一十三節，jQuery EasyUI，NumberBox(數值輸入框)組件

標籤：顯示   att   屬性   boolean   首碼   方法   false   isa   分享   

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(數值輸入框)組件