gridview中内容打印

最新推荐文章于 2018-01-06 18:53:09 发布

liudechaoainia

最新推荐文章于 2018-01-06 18:53:09 发布

阅读量581

点赞数

文章标签： table function div javascript server asp

本文链接：https://blog.csdn.net/liudechaoainia/article/details/5739477

版权

今天公司让做一个打印功能,就是把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";
}
}

liudechaoainia

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
gridview中内容打印

<br />今天公司让做一个打印功能,就是把gridview中的内容打印出来,再网上查了好多方法,最后决定把gridview包含到一个div中,然后将div的html提交到另一个页面,最终打印这个页面.<br />打印指定内容：<br /><html><br /><head><br /><script. type="text/javascript" language="javascript"><br />function printPage()<br />{<br />var newWin = window
复制链接

扫一扫