DIV CSS 佈局教程網

easyui combobox 學習
編輯:JQuery特效代碼     
在線范例: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支持多選
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved