一、總結:
今天項目中要給表單控件添加搜索選擇的效果,如下:
紅框圈住的表單被點擊之后,彈出如下框:
然后根據用戶的搜索條件要顯示查詢結果供用戶選擇。
總結如何監聽表單中的內容變化:
方法一:
1.
實現代碼:
上面的代碼實現出來的效果(類似百度搜索框)是,當用戶在搜索框中輸入查詢條件,每當搜索框中的內容改變就會觸發監聽事件,並向服務器發送請求,搜索框下方相應的就顯示查詢到的結果。每次在將查詢到的結果設置在界面之前都將前一次查詢顯示的數據從界面上remove掉,用這個方法來解決界面顯示多條重復數據的問題。
此方法雖然可以根據用戶當前輸入的查詢條件及時顯示查詢結果,但是向服務器請求太過頻繁,項目中還是采用了第二種方法來代替。
(下面總結的是我的項目,和監聽表單中的內容變化沒有什么關系)
2.和第一種方法的區別是,第二種是讓用戶把查詢條件填寫完畢用戶點擊查詢之后,客戶端才去向服務器發送請求,從而再在界面中顯示查詢結果。
(用戶只要點擊查詢結果中的某一欄,彈出框就消失,表單中顯示相應的用戶選擇的用戶信息。)
實現代碼:
方法二:
當對表單做了修改之后返回退出才彈出提示框,如果沒有作修改則不彈出提示框,如下: