easyUI combobox使用方法總結

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中截取到的值爲整個字符串。

相關文章
相關標籤/搜索