在線范例:http://hovertree.com/jeasyui/demo/combobox/basic.html
更多:
http://hovertree.com/jeasyui/
filter:屬性 | mode默認為local
定義當'mode'設置為'local'時如何過濾本地數據,函數有2個參數:
q:用戶輸入的文本。
row:列表行數據。
返回true的時候允許行顯示。
1、return row[opts.textField].indexOf(q) == 0; //這裡為==號的時候我們在combobox中輸入的文字與數據源中的第一個字符匹配
2、return row[opts.textField].indexOf(q) > 0; //這裡為>號的時候我們在combobox中輸入的文字與數據源中的字符匹配時,就解決了1中的問題
3、return row[opts.textField].toUpperCase().indexOf(q) > 0; //但是以上還是存在一個問題,就是當我們輸入的字符他會區分大小寫,所以當我們加上toUpperCase()方法是就會解決這個問題!
mode:屬性
當通過url遠程加載數據時,當設置為“remote”模式時,用戶輸入將被發送到名為'q'的HTTP請求參數到服務器檢索新數據。(後台可以在request作用域中取到q值!注意q是固定字符)
formatter:屬性
定義如何渲染行,說簡單點就是我們可以自定義combobox的valuefield屬性的值!
loadData:方法
讀取本地列表數據。注意是本地數據,此方法參數為數組形式!觸發此方法或替換目標combobox內的原數據!
reload:方法
請求遠程列表數據。通過'url'參數重寫原始URL值。通過url遠程加載數據,觸發此方法或替換目標combobox內的原數據!
此方法有連個參數,當只有一個 參數時如:$('#cc').combobox('reload'); 表示重新加載數據,等價於刷新!
當有兩個參數時$('#cc').combobox('reload','get_data.php');表示需要根據url返回的json重新加載,替換原來的數據
selected:屬性
當combobox加載數據時,數據中的selected屬性為true時,則會默認選中該對象中的text
multiple:屬性
當此屬性為true時,combobox支持多選