打印gridview

今天公司让做一个打印功能,就是把gridview中的内容打印出来,再网上查了好多方法,最后决定把gridview包含到一个div中,然后将div的html提交到另一个页面,最终打印这个页面.

打印指定内容：
 

< html >
< head >
< script  type ="text/javascript"  language ="javascript" > ...
function printPage() ...{
var newWin = window.open('printer','','');
var titleHTML = document.getElementById("printdiv").innerHTML;
newWin.document.write(titleHTML);
newWin.document.location.reload();
newWin.print();

newWin.close();
}
</ script >
</ head >
< body >
< div  id ="printdiv" >
  < table  class ="sontable"  cellspacing ="0"  cellpadding ="0"  style ="width: 13%" >
                             < tr >
                                 < td  style ="width: 700px; height: 161px" >
                                    < asp:GridView  ID ="GridData"   runat ="server"  CellPadding ="3"  CellSpacing ="0"   BorderWidth ="1px"  BackColor ="LightSteelBlue"  BorderColor ="White"  BorderStyle ="None"  Font-Size ="12px"  Width ="543px"  Height ="20px"   OnRowDataBound ="GridData_RowDataBound" >
                                     < RowStyle  BackColor ="GhostWhite"  BorderColor ="#006699"   />
                                         < SelectedRowStyle  BackColor ="#738A9C"  Font-Bold ="True"  ForeColor ="White"  Wrap ="True"   />
                                         < HeaderStyle  Height ="25px"  BackColor ="#006699"  Font-Bold ="True"  ForeColor ="White"  HorizontalAlign ="Center"  CssClass ="Freezing" />
                                 </ asp:GridView >                                      
                                 </ td >
                             </ tr >
                         </ table >
</ div >
< a  href ="javascript:;"  onclick ="printPage()" > 打印 </ a >
</ body >
</ html >

代码就是这样的.

第二种方法是,先将页面上的除了你要打印的标签外隐藏,接着执行打印,在打印后将页面上的标签全部显示

代码如下:

function printer()
... {
　　
 beforeprint();
 window.focus();
 window.print()
 afterprint();
}

function beforeprint()
... {

 for(i = 0; i < document.all.length; i++)
 ...{
 
    if ((document.all(i).id.indexOf("div_table_")!=-1) && document.all(i).tagName=="TABLE")

//其中"div_table_"检测你要打印的标签ID
    ...{
     document.all(i).style.display="none";
    }
 }
}

function afterprint()
... {

 for(i = 0; i < document.all.length; i++)
 ...{
    if ((document.all(i).id.indexOf("div_table_")!=-1) && document.all(i).tagName=="TABLE")
    ...{
      document.all(i).style.display="block";
    }
 }
}

调用printer()就可以了