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

2018-09-18 03:02 更新

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

jQuery EasyUI 插件 jQuery EasyUI 插件

擴(kuò)展自 $.fn.validatebox.defaults。通過(guò) $.fn.numberbox.defaults 重寫(xiě)默認(rèn)的 defaults。

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

依賴

  • validatebox

用法

從標(biāo)記創(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
});

屬性

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

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

事件

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

方法

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

名稱(chēng) 參數(shù) 描述
options none 返回選項(xiàng)（options）對(duì)象。
destroy none 銷(xiāo)毀數(shù)字框（numberbox）對(duì)象。
disable none 禁用該域。
enable none 啟用該域。
fix none 把值固定為有效的值。
setValue none 設(shè)置數(shù)字框（numberbox）的值。
代碼實(shí)例： 
$('#nn').numberbox('setValue', 206.12);
getValue none 獲取數(shù)字框（numberbox）的值。
代碼實(shí)例： 
var v = $('#nn').numberbox('getValue');
alert(v);
clear none 清除數(shù)字框（numberbox）的值。
reset none 重置數(shù)字框（numberbox）的值。該方法自版本 1.3.2 起可用。
jQuery EasyUI 插件 jQuery EasyUI 插件
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)