W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
擴(kuò)展自 $.fn.validatebox.defaults。通過 $.fn.combo.defaults 重寫默認(rèn)的 defaults。
組合(combo)是在 html 頁面上顯示一個(gè)可編輯的文本框和下拉面板。它是用于創(chuàng)建其他復(fù)雜的組合組件(比如:組合框 combobox、組合樹 combotree、組合網(wǎng)格 combogrid,等等)的基礎(chǔ)組件。
組合(combo)可以使用 javascript 從 <select> 或 <input> 元素進(jìn)行創(chuàng)建。請(qǐng)注意,從標(biāo)記創(chuàng)建組合(combo)是無效的。
<input id="cc" value="001">
$('#cc').combo({ required:true, multiple:true });
該屬性擴(kuò)展自驗(yàn)證框(validatebox),下面是為組合(combo)添加的屬性。
名稱 | 類型 | 描述 | 默認(rèn)值 |
---|---|---|---|
width | number | 組件的寬度。 | auto |
height | number | 組件的高度。該屬性自版本 1.3.2 起可用。 | 22 |
panelWidth | number | 下拉面板的寬度。 | null |
panelHeight | number | 下拉面板的高度。 | 200 |
multiple | boolean | 定義是否支持多選。 | false |
selectOnNavigation | boolean | 定義當(dāng)通過鍵盤導(dǎo)航項(xiàng)目時(shí)是否選擇項(xiàng)目。該屬性自版本 1.3.3 起可用。 | true |
separator | string | 多選時(shí)文本的分隔符。 | , |
editable | boolean | 定義用戶是否可以往文本域中直接輸入文字。 | true |
disabled | boolean | 定義是否禁用文本域。 | false |
readonly | boolean | 定義組件是否只讀。該屬性自版本 1.3.3 起可用。 | false |
hasDownArrow | boolean | 定義是否顯示向下箭頭的按鈕。 | true |
value | string | 默認(rèn)值。 | |
delay | number | 從最后一個(gè)鍵的輸入事件起,延遲進(jìn)行搜索。 | 200 |
keyHandler | object | 當(dāng)用戶按鍵后調(diào)用的函數(shù)。默認(rèn)的 keyHandler 定義如下: keyHandler: { up: function(){}, down: function(){}, enter: function(){}, query: function(q){} } |
名稱 | 參數(shù) | 描述 |
---|---|---|
onShowPanel | none | 當(dāng)下拉面板顯示的時(shí)候觸發(fā)。 |
onHidePanel | none | 當(dāng)下拉面板隱藏的時(shí)候觸發(fā)。 |
onChange | newValue, oldValue | 當(dāng)文本域的值改變的時(shí)候觸發(fā)。 |
該方法擴(kuò)展自驗(yàn)證框(validatebox),下面是為組合(combo)添加的方法。
名稱 | 參數(shù) | 描述 |
---|---|---|
options | none | 返回選項(xiàng)(options)對(duì)象。 |
panel | none | 返回下拉面板對(duì)象。 |
textbox | none | 返回文本框?qū)ο蟆?/td> |
destroy | none | 銷毀組件。 |
resize | width | 調(diào)整組件的寬度。 |
showPanel | none | 顯示下拉面板。 |
hidePanel | none | 隱藏下拉面板。 |
disable | none | 禁用組件。 |
enable | none | 啟用組件。 |
readonly | mode | 啟用/禁用只讀模式。該方法自版本 1.3.3 起可用。 用法實(shí)例: $('#cc').combo('readonly'); // enable readonly mode $('#cc').combo('readonly', true); // enable readonly mode $('#cc').combo('readonly', false); // disable readonly mode |
options | none | 驗(yàn)證輸入的值。 |
options | none | 返回驗(yàn)證結(jié)果。 |
options | none | 清除組件的值。 |
options | none | 重置組件的值。該方法自版本 1.3.2 起可用。 |
options | none | 獲取輸入的文本。 |
options | none | 設(shè)置文本值。 |
options | none | 獲取組件的值的數(shù)組。 |
options | none | 設(shè)置組件的值的數(shù)組。 |
options | none | 獲取組件的值。 |
options | none | 設(shè)置組件的值。 |
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: