列印網頁中的 GridView

本文介紹列印網頁中某個GirdView的一種方法。主要思路是將GridView放在一個DIV中，然後將該DIV顯示在新的網頁中，並用window.print()方法來列印新開啟的網頁。

先將GridView放在DIV中，此DIV就是列印範圍。

代碼

1 <div id="PrintArea">
2  <asp:GridView ClientIDMode="Static" ID="GV" runat="server" AutoGenerateColumns="False">
3     <Columns>
4         <asp:BoundField DataField="ID" HeaderText="ID" />
5         <asp:BoundField DataField="Name" HeaderText="Name" />
6     </Columns>
7 </asp:GridView>        
8 </div>

 

然後寫一個Javascript函數，它將開啟一個新網頁，並將指定DIV中的內容寫入該網頁，再列印該網頁，列印完畢後關閉該網頁。

代碼

 1 function PrintGridView() {
 2     // 開啟一個新網頁
 3     var newwindow = window.open('');
 4 
 5     // 將指定DIV中的內容寫入該網頁
 6     newwindow.document.write(document.getElementById('PrintArea').innerHTML);
 7     newwindow.document.close();
 8 
 9     // 列印該網頁
10     newwindow.focus();
11     newwindow.print();
12 
13     // 列印完畢後關閉該視窗
14     newwindow.close();
15     return;
16 }

 

調用該函數即可列印PrintArea中的GridView。