combobox,中文叫複合框,是把文本框和列表框的特性結合起來的一種控件,
這個控件,既能夠輸入文字,也能夠像列表框同樣選擇選項數組
Combobox用法和方法參數:服務器
一、 須要引入class=" easyui-combobox」性能
二、 參數設置須要在data-options中設置ui
三、 屬性參數配置:編碼
valueField:基礎數據值名稱綁定到Combobox(提交值)url
textField:基礎數據的字段名稱綁定的Combobox(顯示值)orm
mode:定義當文本改變時如何加載列表數據,當設置爲remote模式下,什麼類型的用戶將被髮送http請求參數名爲'q'的服務器,以獲取新的數據。對象
url:從遠程URL來加載列表數據事件
method:http方法檢索列表數據rem
data:列表中被加載的數據
filter:定義如何過濾本地數據「模式」設置爲'local'
formatter:定義如何呈現行
loader:定義如何從遠程服務器加載數據
四、 事件:
onBeforeLoad(param): 操做以前將數據加載,返回false就取消這個荷載做用
onLoadSuccess():觸發時,遠程數據加載成功
onLoadError:觸發時,遠程數據加載錯誤
ONSELECT:觸發,當用戶選擇一個列表項
onUnselect:觸發,當用戶取消選擇一個列表
五、方法:
options():返回選擇對象
getData():返回加載的數據
loadData(data):加載列表數據
reload(url):從新加載遠程數據列表
setValues(values):設置combobox的值數組
setValue(value):設置combobox的值
clear():清空combobox的值
select(value):選中指定的值
unselect(value):取消指定的值
使用easyui以後,對於Combobox來講,獲值有兩種選擇,"getValue‘和「getText」的選擇源於咱們對combobox在data-option中的設定,
「valueField:」和「textField:」對應了getValue和getText,這樣子對於鍵值對的選取就避免了屢次的I/O操做(編碼和性能都提高),很方便。
combobox中使用getValue時:
(1)若是組合框中的內容是「123張振華」,最終在js中只能截取到「123」;
(2)若是組合框中的內容是"張振華123",在js中截取到的值爲「張振華123」。
Combobox中使用getText時:
不論組合框中數字和字符的前後順序,在js中截取到的值爲整個字符串。