easyUI combobox使用方法總結


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM