打印Gridview

最新推荐文章于 2018-11-14 17:31:00 发布

heling0223

最新推荐文章于 2018-11-14 17:31:00 发布

阅读量610

点赞数

分类专栏： JavaScript Asp.net 文章标签： table function javascript div server asp

Asp.net 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

JavaScript

19 篇文章 0 订阅

订阅专栏

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

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/fanfengchimo/archive/2007/07/23/1703307.aspx