jQuery EasyUI API 中文文檔 - 組合（Combo）

Combo  組合

擴展自 $.fn.validatebox.defaults 。 用 $.fn.combo.defaults 重寫了 defaults 。

 

依賴

• validatebox
• panel

用法

1. <input id="cc" value="001">

2. <select id="cc"></select>

1. $('#cc').combo({  

2.     required:true,  

3.     multiple:true

4. }); 

特性

其特性擴展自 validatebox，下列是為 combo 增加的特性：

名稱	類型	說明	默認值
Width	number	組件的寬度。	auto
panelWidth	number	下拉面板的寬度。	null
panelHeight	number	下拉面板的高度。	200
multiple	boolean	定義是否支持多選。	false
separator	string	多選時文本的分隔符。	,
editable	boolean	定義是否用戶可以往文本域中直接輸入文字。	true
disabled	boolean	定義是否禁用文本域。	false
hasDownArrow	boolean	定義是否顯示向下箭頭的按鈕。	true
Value	string	默認值。
Delay	number	從最后一個鍵的輸入事件起，延遲進行搜索。	200
keyHandler	object	當用戶按鍵后調用的函數。默認的 keyHandler 像這樣定義： keyHandler: { up: function(){}, down: function(){}, enter: function(){}, query: function(q){} }

事件

說明	參數	說明
onShowPanel	none	當下拉面板顯示的時候觸發。
onHidePanel	none	當下拉面板隱藏的時候觸發。
onChange	newValue, oldValue	當文本域的值改變的時候觸發。

方法

其方法擴展自 validatebox，下列是為 combo 增加的方法。

名稱	參數	說明
options	none	返回選項（options）對象。
panel	none	返回下拉面板對象。
textbox	none	返回文本框對象。
destroy	none	銷毀組件。
resize	width	調整組件的寬度。
showPanel	none	顯示下拉面板。
hidePanel	none	隱藏下拉面板。
disable	none	禁用組件。
enable	none	啟用組件。
validate	none	驗證輸入的值。
isValid	none	返回驗證結果。
clear	none	清除組件的值。
getText	none	獲取輸入的文本。
setText	text	設置文本值。
getValues	none	獲取組件的值的數組。
setValues	values	設置組件的值的數組。
getValue	none	獲取組件的值。
setValue	value	設置組件的值。