jQuery EasyUI 表單插件 - Spinner 微調(diào)器

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

微調(diào)器（spinner）把可編輯的文本框和兩個(gè)小按鈕結(jié)合起來，允許用戶從某個(gè)范圍的值中進(jìn)行選擇。與組合框（combobox）相似，微調(diào)器（spinner）允許用戶輸入一個(gè)值，但是它買i有下拉列表。微調(diào)器（spinner）是創(chuàng)建其他微調(diào)器組件（比如：數(shù)值微調(diào)器 numberspinner、時(shí)間微調(diào)器 timespinner，等等）的基礎(chǔ)組件。

依賴

validatebox

用法

微調(diào)器（spinner）應(yīng)該使用 javascript 進(jìn)行創(chuàng)建。從標(biāo)記創(chuàng)建是不允許的。

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

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

屬性

該屬性擴(kuò)展自驗(yàn)證框（validatebox），下面是為微調(diào)器（spinner）添加的屬性。

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

事件

名稱	參數(shù)	描述
onSpinUp	none	當(dāng)用戶點(diǎn)擊向上微調(diào)按鈕時(shí)觸發(fā)。
onSpinDown	none	當(dāng)用戶點(diǎn)擊向下微調(diào)按鈕時(shí)觸發(fā)。

方法

該方法擴(kuò)展自驗(yàn)證框（validatebox），下面是為微調(diào)器（spinner）添加的方法。

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

jQuery EasyUI 插件其他擴(kuò)展

上一篇：jQuery EasyUI 表單插件 - Calendar 日歷下一篇：jQuery EasyUI 表單插件 - Numberspinner 數(shù)值微調(diào)器