combobox,中文叫復合框,是把文本框和列表框的特性結合起來的一種控件,
這個控件,既可以輸入文字,也可以像列表框一樣選擇選項
Combobox用法和方法參數:
1、 需要引入class=" easyui-combobox”
2、 參數設置需要在data-options中設置
3、 屬性參數配置:
valueField:基礎數據值名稱綁定到Combobox(提交值)
textField:基礎數據的字段名稱綁定的Combobox(顯示值)
mode:定義當文本改變時如何加載列表數據,當設置為remote模式下,什么類型的用戶將被發送http請求參數名為'q'的服務器,以獲取新的數據。
url:從遠程URL來加載列表數據
method:http方法檢索列表數據
data:列表中被加載的數據
filter:定義如何過濾本地數據“模式”設置為'local'
formatter:定義如何呈現行
loader:定義如何從遠程服務器加載數據
4、 事件:
onBeforeLoad(param): 操作之前將數據加載,返回false就取消這個荷載作用
onLoadSuccess():觸發時,遠程數據加載成功
onLoadError:觸發時,遠程數據加載錯誤
ONSELECT:觸發,當用戶選擇一個列表項
onUnselect:觸發,當用戶取消選擇一個列表
5、方法:
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中截取到的值為整個字符串。