須要實現的效果:點擊表格列頭:彈出一個層,用戶能夠輸入當前列頭的查詢條件,點擊肯定以後,把該列頭的查詢信息顯示在頁面頂部,用戶能夠叉掉這個查詢條件,恢復到查詢以前的數據。css
大體實現的效果圖:框架
項目背景:這是客戶的要求,說實話在這以前還真沒注意到過這樣的細節,既然客戶有這樣的需求,後來想了一下實現起來應該也不會很費事,就答應改了。網站
如何實現:get
一、彈出層這個應該不難,網站都有現成的彈出層js框架,直接拿過來用就好了;it
二、點擊肯定,促發的是後臺的查詢按鈕事件,這塊能夠用Js調用查詢按鈕的點擊事件就能夠實現 $("#<%=btnSure.ClientID%>").click();後臺
三、在頁面頂部顯示出查詢條件,而且還要能夠叉掉,這塊主要還得靠css+div+js來實現,(ps:不是專業美工)cli
四、叉掉恢復到查詢以前,這個其實就是查詢事件,咱們這個在叉掉的同時,把相對應的那個查詢文本框清空。淘寶
代碼後面有時間再整理上來!