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

1 <div id="PrintArea">
2 <asp:GridView ClientIDMode="Static" ID="GV" runat="server" AutoGenerateColumns="False">
3 <Columns>
4 <asp:BoundField DataField="ID" HeaderText="ID" />
5 <asp:BoundField DataField="Name" HeaderText="Name" />
6 </Columns>
7 </asp:GridView>
8 </div>
2 <asp:GridView ClientIDMode="Static" ID="GV" runat="server" AutoGenerateColumns="False">
3 <Columns>
4 <asp:BoundField DataField="ID" HeaderText="ID" />
5 <asp:BoundField DataField="Name" HeaderText="Name" />
6 </Columns>
7 </asp:GridView>
8 </div>
然后写一个Javascript函数,它将打开一个新网页,并将指定DIV中的内容写入该网页,再打印该网页,打印完毕后关闭该网页。

1 function PrintGridView() {
2 // 打开一个新网页
3 var newwindow = window.open('');
4
5 // 将指定DIV中的内容写入该网页
6 newwindow.document.write(document.getElementById('PrintArea').innerHTML);
7 newwindow.document.close();
8
9 // 打印该网页
10 newwindow.focus();
11 newwindow.print();
12
13 // 打印完毕后关闭该窗口
14 newwindow.close();
15 return;
16 }
2 // 打开一个新网页
3 var newwindow = window.open('');
4
5 // 将指定DIV中的内容写入该网页
6 newwindow.document.write(document.getElementById('PrintArea').innerHTML);
7 newwindow.document.close();
8
9 // 打印该网页
10 newwindow.focus();
11 newwindow.print();
12
13 // 打印完毕后关闭该窗口
14 newwindow.close();
15 return;
16 }
调用该函数即可打印PrintArea中的GridView。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· [AI/GPT/综述] AI Agent的设计模式综述