jQuery EasyUI 表單插件 – Numberspinner 數(shù)值微調(diào)器

2018-09-06 17:27 更新

jQuery EasyUI 表單插件 - Numberspinner 數(shù)值微調(diào)器


jQuery EasyUI 插件 jQuery EasyUI 插件

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

數(shù)值微調(diào)器(numberspinner)是基于微調(diào)器(spinner)和數(shù)字框(numberbox)創(chuàng)建的。它可以把輸入值轉(zhuǎn)換為不同類型(比如:數(shù)字 numeric、百分比 percentage、貨幣 currency,等等)。它允許用戶使用向上/向下微調(diào)按鈕滾動到一個期望值。

依賴

  • spinner
  • numberbox

用法

從標記創(chuàng)建數(shù)值微調(diào)器(numberspinner)。

<input id="ss" class="easyui-numberspinner" style="width:80px;"     required="required" data-options="min:10,max:100,editable:false">

使用 javascript 創(chuàng)建數(shù)值微調(diào)器(numberspinner)。

<input id="ss" required="required" style="width:80px;">
$('#ss').numberspinner({
    min: 10,
    max: 100,
    editable: false
});

創(chuàng)建數(shù)值微調(diào)器(numberspinner),并把數(shù)字格式化為貨幣字符串。

<input class="easyui-numberspinner" value="1234567890" style="width:150px;"     data-options="required:true,precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'$'">

屬性

該屬性擴展自微調(diào)器(spinner)和數(shù)字框(numberbox)。

事件

該事件擴展自微調(diào)器(spinner)。

方法

該方法擴展自微調(diào)器(spinner),下面是為數(shù)值微調(diào)器(numberspinner)重寫的方法。

名稱 參數(shù) 描述
options none 返回選項(options)對象。
setValue value 設(shè)置數(shù)值微調(diào)器(numberspinner)的值。
代碼實例:
$('#ss').numberspinner('setValue', 8234725);  // set value
var v = $('#ss').numberspinner('getValue');  // get value
alert(v)

jQuery EasyUI 插件 jQuery EasyUI 插件
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號