jQuery EasyUI API 中文文檔 - ComboBox組合框

更新時間：2011年10月07日 22:21:35 作者：

jQuery EasyUI API 中文文檔 - ComboBox組合框,使用jQuery EasyUI的朋友可以參考下。

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

依賴
combo
用法
<select id="cc" name="dept" style="width:200px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select>
<input id="cc" name="dept" value="aa">

復制代碼代碼如下:

 
$('#cc').combobox({ 
url:'combobox_data.json', 
valueField:'id', 
textField:'text' 
}); 

json 數(shù)據(jù)格式的示例

復制代碼代碼如下:

 
[{ 
"id":1, 
"text":"text1" 
},{ 
"id":2, 
"text":"text2" 
},{ 
"id":3, 
"text":"text3", 
"selected":true 
},{ 
"id":4, 
"text":"text4" 
},{ 
"id":5, 
"text":"text5" 
}] 

特性

其特性擴展自 combo，下列是為combobox 增加的特性。

名稱	類型	說明	默認值
valueField	string	綁定到 ComboBox 的 value 上的基礎數(shù)據(jù)的名稱。	value
textField	string	綁定到 ComboBox 的 text 上的基礎數(shù)據(jù)的名稱。	text
mode	string	定義在文本改變時如何加載列表數(shù)據(jù)。如果組合框從服務器加載就設為 'remote' 。	local
url	string	從遠程加載列表數(shù)據(jù)的 URL 。	null
method	string	用來檢索數(shù)據(jù)的 http method 。	post
data	array	被加載的列表數(shù)據(jù)。	null
filter	function	定義當 'mode' 設為 'local' 時如何過濾數(shù)據(jù)。這個函數(shù)有兩個參數(shù)： q：用戶輸入的文字 row：列表中的行數(shù)據(jù)。返回 true 就允許顯示該行。
formatter	function	定義如何呈現(xiàn)行。這個函數(shù)有一個參數(shù)：row。

事件

其事件擴展自 combo，下列是為 combobox 增加的事件。

名稱	參數(shù)	說明
onLoadSuccess	none	當遠程數(shù)據(jù)加載成功時觸發(fā)。
onLoadError	none	當遠程數(shù)據(jù)加載失敗時觸發(fā)。
onSelect	record	當用戶選擇一個列表項時觸發(fā)。
onUnselect	record	當用戶取消選擇一個列表項時觸發(fā)。

方法

其方法擴展自 combo，下列是為 combobox 追加或重寫的方法。

名稱	參數(shù)	說明
options	none	返回 options 對象。
getData	none	返回加載的數(shù)據(jù)。
loadData	data	加載本地列表數(shù)據(jù)。
reload	url	請求遠程的列表數(shù)據(jù)。
setValues	values	把數(shù)組設置為組合框的值。
setValue	value	設置組合框的值。
clear	none	清除組合框的值。
select	value	選擇指定的選項。
unselect	value	取消選擇指定的選項。

風流涕淌翻譯

您可能感興趣的文章:

jquery 如何動態(tài)添加、刪除class樣式方法介紹
獲取與設置樣式獲取class和設置class都可以使用attr()方法來完成。例如使用attr()方法來獲取p元素的class
2012-11-11
兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果
這篇文章主要介紹了兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果,需要的朋友可以參考下
2014-10-10
基于jquery實現(xiàn)的上傳圖片及圖片大小驗證、圖片預覽效果代碼
基于jquery實現(xiàn)的上傳圖片及圖片大小驗證、圖片預覽效果代碼，需要的朋友可以參考下。
2011-04-04
jQuery中使用validate插件校驗表單功能
這篇文章主要介紹了jQuery中使用validate插件校驗表單功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒,需要的朋友可以參考下
2019-05-05
Jquery判斷form表單數(shù)據(jù)是否變化
這篇文章主要為大家詳細介紹了Jquery判斷form表單數(shù)據(jù)是否變化的方法，感興趣的小伙伴們可以參考一下
2016-03-03
jquery入門必備的基本認識及實例(整理)
本文整理了一些jquery入門必備的基本知識及相關實例，適合初學者學習，另附一些jquery的常用事件，感興趣的各位可不要錯過了哈
2013-06-06
使用js dom和jquery分別實現(xiàn)簡單增刪改
今天學了jquery框架的簡單使用。于是用它實現(xiàn)簡單的增刪改，接著也用原始的javascript實現(xiàn)同樣的功能，兩者對比可以看出jquery的強大
2014-09-09
jquery判斷當前瀏覽器的實現(xiàn)代碼
這篇文章主要介紹了jquery判斷當前瀏覽器的實現(xiàn)代碼,需要的朋友可以參考下
2015-11-11
基于JQuery實現(xiàn)異步刷新的代碼(轉載)
JQuery，是輕量級的js庫,把繁瑣的js代碼封裝，使調(diào)用更簡單，完成更多功能。同樣，封裝了js利用XMLHttpRequest實現(xiàn)的異步刷新.
2011-03-03
jquery.idTabs 選項卡使用示例代碼
idTabs是基于Jquery編寫封裝的一個插件，主要用于實現(xiàn)選項卡功能，下面是它的具體使用
2014-09-09