jQuery EasyUI 表單插件 - Numberspinner 數值微調器


jQuery EasyUI 插件 jQuery EasyUI 插件

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

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

依賴

  • spinner
  • numberbox

用法

從標記創建數值微調器(numberspinner)。

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

使用 javascript 創建數值微調器(numberspinner)。

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

創建數值微調器(numberspinner),並把數字格式化為貨幣字串。

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

屬性

該屬性擴展自微調器(spinner)和數字框(numberbox)。

事件

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

方法

該方法擴展自微調器(spinner),下麵是為數值微調器(numberspinner)重寫的方法。

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

jQuery EasyUI 插件 jQuery EasyUI 插件