jQuery EasyUI 表單插件 - Spinner 微調器

jQuery EasyUI 插件 jQuery EasyUI 插件

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

微調器（spinner）把可編輯的文本框和兩個小按鈕結合起來，允許用戶從某個範圍的值中進行選擇。與組合框（combobox）相似，微調器（spinner）允許用戶輸入一個值，但是它買i有下拉列表。微調器（spinner）是創建其他微調器組件（比如：數值微調器 numberspinner、時間微調器 timespinner，等等）的基礎組件。

依賴

  • validatebox

用法

微調器（spinner）應該使用 javascript 進行創建。從標記創建是不允許的。

<input id="ss" value="2">

$('#ss').spinner({
    required:true,
    increment:10
});

屬性

該屬性擴展自驗證框（validatebox），下麵是為微調器（spinner）添加的屬性。

名稱 類型 描述 默認值
width number 該組件的寬度。 auto
height number 該組件的高度。該屬性自版本 1.3.2 起可用。 22
value string 初始值。
min string 允許的最小值。 null
max string 允許的最大值。 null
increment number 點擊微調器按鈕時的增量值。 1
editable boolean 定義用戶是否可以往文本域中直接輸入值。 true
disabled boolean 定義是否禁用文本域。 false
spin function(down) 當用戶點擊微調按鈕時調用的函數。'down' 參數指示用戶是否點擊了向下微調按鈕。

事件

名稱 參數 描述
onSpinUp none 當用戶點擊向上微調按鈕時觸發。
onSpinDown none 當用戶點擊向下微調按鈕時觸發。

方法

該方法擴展自驗證框（validatebox），下麵是為微調器（spinner）添加的方法。

名稱 參數 描述
options none 返回選項（options）對象。
destroy none 銷毀微調器（spinner）組件。
resize width 重置組件的寬度。通過傳遞 'width' 參數來重寫初始寬度。
代碼實例： 
$('#ss').spinner('resize');  // resize with original width
$('#ss').spinner('resize', 200);  // resize with new width
enable none 啟用組件。
disable none 禁用組件。
getValue none 獲取組件的值。
setValue value 設置組件的值。
clear none 清除組件的值。
reset none 重置組件的值。該方法自版本 1.3.2 起可用。
jQuery EasyUI 插件 jQuery EasyUI 插件