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

2018-09-18 03:02 更新

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

jQuery EasyUI 插件 jQuery EasyUI 插件

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

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

依賴

  • 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）添加的屬性。

名稱 類型 描述 默認(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) 定義如何過濾被按下的鍵，返回 true 則接受輸入字符。該屬性自版本 1.3.3 起可用。
formatter function(value) 用來格式數(shù)字框（numberbox）值的函數(shù)。返回顯示在框中的字符串值。
parser function(s) 用來解析字符串的函數(shù)。返回數(shù)字框（numberbox）值。

事件

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

方法

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

名稱 參數(shù) 描述
options none 返回選項（options）對象。
destroy none 銷毀數(shù)字框（numberbox）對象。
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)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號