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

2018-09-05 04:44 更新

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


jQuery EasyUI 插件 jQuery EasyUI 插件

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

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

依賴(lài)

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

名稱(chēng) 類(lèi)型 描述 默認(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 定義用戶(hù)是否可以往文本域中直接輸入值。 true
disabled boolean 定義是否禁用文本域。 false
spin function(down) 當(dāng)用戶(hù)點(diǎn)擊微調(diào)按鈕時(shí)調(diào)用的函數(shù)。'down' 參數(shù)指示用戶(hù)是否點(diǎn)擊了向下微調(diào)按鈕。

事件

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

方法

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

名稱(chēng) 參數(shù) 描述
options none 返回選項(xiàng)(options)對(duì)象。
destroy none 銷(xiāo)毀微調(diào)器(spinner)組件。
resize width 重置組件的寬度。通過(guò)傳遞 'width' 參數(shù)來(lái)重寫(xiě)初始寬度。
代碼實(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 插件 jQuery EasyUI 插件
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)