2007年8月9日 星期四

列印畫面

有時User會希望能將目前畫面上的資料列印出來,尤其是查詢結果,但是又不想將畫面上的查詢條件或其他跟結果無關的畫面
印出。這時,除了重新去湊出結果的方法之外,還有一個解法。
我們知道,透過 javascript 的 window.print() 就可以將畫面印出了。但現在要處理的,如何將某些畫面隱藏起來。我們可以透過
document.all.SomeObject.style.display='none'的語法來達成。此外,還有一個方法是用
document.all.SomeObject.style.visibility='hidden'。但這個方法有個缺點,就是雖然物件被隱藏了,但他還是站著同樣的版面,
有站著茅坑不拉屎之嫌。所以還是推薦 display的方法。此外,由於我們所使用的Button是一個 webcontrol,也就是按下去會觸發PostBack。所以當我們透過javascript去調整畫面(隱藏某些
物件)後,執行列印功能,可以達到我們想要的結果。而隨之而來的PostBack,會將整個頁面又帶回初始的狀況(即那些被隱藏的物件
都又顯示出來了)。

visibility: 'hidden' / 'visible'
display: 'none'/ ''

沒有留言:

張貼留言