今天公司让做一个打印功能,就是把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" nRowDataBound="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.:;" nclick="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()就可以了