打印网页中的 GridView

本文介绍打印网页中某个GirdView的一种方法。主要思路是将GridView放在一个DIV中，然后将该DIV显示在新的网页中，并用window.print()方法来打印新打开的网页。

先将GridView放在DIV中，此DIV就是打印区域。

代码 

 <div id="PrintArea">
  <asp:GridView ClientIDMode="Static" ID="GV" runat="server" AutoGenerateColumns="False">
     <Columns>
         <asp:BoundField DataField="ID" HeaderText="ID" />
         <asp:BoundField DataField="Name" HeaderText="Name" />
     </Columns>
 </asp:GridView>        
 </div>

然后写一个Javascript函数，它将打开一个新网页，并将指定DIV中的内容写入该网页，再打印该网页，打印完毕后关闭该网页。

 <script type="text/javascript" language="javascript">
 function PrintGridView()
{
     // 打开一个新网页
     var newwindow = window.open('');
 
     // 将指定DIV中的内容写入该网页
     newwindow.document.write(document.getElementById('PrintArea').innerHTML);
     newwindow.document.close();
 
     // 打印该网页
     newwindow.focus();
     newwindow.print();
 
     // 打印完毕后关闭该窗口
     newwindow.close();
     return;
 }
</script>

调用该函数即可打印PrintArea中的GridView。

1.2 js打印gridview 的代码，首先要把需要打印的gv放到一个div里面，具体代码如下

    <script type="text/javascript" language="javascript">
  
function printPage(name) 
{
    var newWin = window.open('printer','','');
    var titleHTML = document.getElementById("printdiv").innerHTML;
    newWin.document.write("<div style='font-size:large;font-weight:bold;text-align:center;'>"+name+"</div>");
    newWin.document.write(titleHTML);
    newWin.document.write("<div style='font-size:large;font-weight:bold;float:right'>打印时间:"+ new Date().toLocaleString()+"</div>");
    newWin.document.location.reload();
    newWin.print();
    newWin.close();
}
    </script>

<span style="font-size:18px;">打印按钮事件：</span>

<asp:Button runat="server" ID="btnPrint" Text="打印" OnClientClick="printPage('违规信息表统计') " />

2，

<td style="height: 30px">
                            SMT &gt;&gt;计算</td>

'>'=='>'