.NET 條件查詢實現--相似網上商城寶貝搜索

須要實現的效果:點擊表格列頭:彈出一個層,用戶能夠輸入當前列頭的查詢條件,點擊肯定以後,把該列頭的查詢信息顯示在頁面頂部,用戶能夠叉掉這個查詢條件,恢復到查詢以前的數據。css

大體實現的效果圖:框架

aa

項目背景:這是客戶的要求,說實話在這以前還真沒注意到過這樣的細節,既然客戶有這樣的需求,後來想了一下實現起來應該也不會很費事,就答應改了。網站

淘寶效果:QQ截圖20140307095253blog

實際效果:QQ截圖20140307095102事件

如何實現:get

一、彈出層這個應該不難,網站都有現成的彈出層js框架,直接拿過來用就好了;it

二、點擊肯定,促發的是後臺的查詢按鈕事件,這塊能夠用Js調用查詢按鈕的點擊事件就能夠實現 $("#<%=btnSure.ClientID%>").click();後臺

三、在頁面頂部顯示出查詢條件,而且還要能夠叉掉,這塊主要還得靠css+div+js來實現,(ps:不是專業美工)cli

四、叉掉恢復到查詢以前,這個其實就是查詢事件,咱們這個在叉掉的同時,把相對應的那個查詢文本框清空。淘寶

代碼後面有時間再整理上來!

相關文章
相關標籤/搜索