jQuery EasyUI 表單插件 - Numberbox 數(shù)字框

擴展自 $.fn.validatebox.defaults。通過 $.fn.numberbox.defaults 重寫默認的 defaults。

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

依賴

validatebox

用法

從標記創(chuàng)建數(shù)字框（numberbox）。

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

使用 javascript 創(chuàng)建數(shù)字框（numberbox）。

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

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

屬性

該屬性擴展自驗證框（validatebox），下面是為數(shù)字框（numberbox）添加的屬性。

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

事件

名稱	參數(shù)	描述
onChange	newValue,oldValue	當字段值改變時觸發(fā)。

方法

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

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

jQuery EasyUI 插件其他擴展

上一篇：jQuery EasyUI 表單插件 - Combogrid 組合網(wǎng)格下一篇：jQuery EasyUI 表單插件 - Datebox 日期框