jQuery EasyUI 表單插件 - Numberbox 數字框

jQuery EasyUI 插件

擴充自 $.fn.validatebox.defaults。通過 $.fn.numberbox.defaults 重寫預設的 defaults。

數字框（numberbox）用于讓使用者僅能輸入數字的值。它可以把輸入元素轉換為不同類型的輸入（比如：數字 numeric、百分比 percentage、貨币 currency，等等）。更多的輸入類型依賴 'formatter' 和 'parser' 函數來定義。

依賴

• validatebox

用法

從标記建立數字框（numberbox）。

<input type="text" class="easyui-numberbox" value="100" data-options="min:0,precision:2">
      

使用 javascript 建立數字框（numberbox）。

<input type="text" id="nn">
      

$('#nn').numberbox({
    min:0,
    precision:2
});
      

屬性

該屬性擴充自驗證框（validatebox），下面是為數字框（numberbox）添加的屬性。

名稱	類型	描述	預設值
disabled	boolean	定義是否禁用該字段。	false
value	number	預設值。
min		允許的最小值。	null
max		允許的最大值。
precision		顯示在小數點後面的最大精度。
decimalSeparator	string	分隔數字的整數部分和小數部分的分隔字元。	.
groupSeparator		分隔整數組合的字元。
prefix		字首字元串。
suffix		字尾字元串。
filter	function(e)	定義如何過濾被按下的鍵，傳回 true 則接受輸入字元。該屬性自版本 1.3.3 起可用。
formatter	function(value)	用來格式數字框（numberbox）值的函數。傳回顯示在框中的字元串值。
parser	function(s)	用來解析字元串的函數。傳回數字框（numberbox）值。

事件

	參數
onChange	newValue,oldValue	當字段值改變時觸發。

方法

該方法擴充自驗證框（validatebox），下面是為數字框（numberbox）添加或重寫的方法。

options	none	傳回選項（options）對象。
destroy		銷毀數字框（numberbox）對象。
disable		禁用該域。
enable		啟用該域。
fix		把值固定為有效的值。
setValue		設定數字框（numberbox）的值。 代碼執行個體： $('#nn').numberbox('setValue', 206.12);
getValue		擷取數字框（numberbox）的值。 var v = $('#nn').numberbox('getValue'); alert(v);
clear		清除數字框（numberbox）的值。
reset		重置數字框（numberbox）的值。該方法自版本 1.3.2 起可用。