完成了進階查詢的畫面了
這個畫面跟之前的那一個是在同一個 page 喔
並沒有 reload 過
只是運用了 javascript + css 的技巧將查詢條件的 block 作顯示跟隱藏
基本的架構還是一樣 透過 XHTTP 去要後端的資料
只不過這次的資料是經過繁複計算的
但是只要你查過的資料就會被 cache 住, 這樣別人再查時
資料就是即時出現囉
同時在 XHTTP 去要資料時, 可以在 Client 端作一些像 progress bar 等的動態顯示
讓 user 不致以為沒有在運作
如果你有仔細看圖片 可以發現 這些資料是 scrollable 的
就像 Excel 凍結視窗一樣
而且在一個 browser 的可是範圍內就可以將所有的資料展現出來
不會破壞掉畫面的結構
關於 scrollable table 的作法 下次再介紹囉!!
James Jan的檔案
張貼留言