如何使用JavaScript在单独的页面中打印每个网格视图
如何使用JavaScript在单独的页面中打印每个网格视图
提问于 2016-08-30 20:02:41
我的页面中有3个网格视图。我正在使用javascript将它们全部打印出来。
现在，我想将每个网格视图打印到单独的页面中。
下面是我的JavaScript代码。
<script type = "text/javascript">
function PrintPanel() {
var panel = document.getElementById("<%=pnlContents.ClientID %>");
var printWindow = window.open('', '', 'height=400,width=800');
printWindow.document.write('<html><head><title></title>');
printWindow.document.write('</head><body >');
printWindow.document.write(panel.innerHTML);
printWindow.document.write('</body></html>');
printWindow.document.close();
setTimeout(function () {
printWindow.print();
}, 500);
return false;
}
</script>回答 1
Stack Overflow用户
发布于 2016-08-30 20:07:14
我使用CSS为我做这件事: css：
.pageBreak {
position: relative;
page-break-after: always
}html：
<div id="gridView1" class="pageBreak">
<!-- your grid view -->
</div>在您的情况下，它可能是这样的：
<script type = "text/javascript">
function PrintPanel() {
var panel = document.getElementById("<%=pnlContents.ClientID %>");
var printWindow = window.open('', '', 'height=400,width=800');
printWindow.document.write('<html><head><title></title>');
printWindow.document.write('</head><body>');
printWindow.document.write('<div class="pagereak"');
printWindow.document.write(panel.innerHTML);
printWindow.document.write('</div></body></html>');
printWindow.document.close();
setTimeout(function () {
printWindow.print();
}, 500);
return false;
}
</script>虽然在您的例子中，pageBreak类应该在innerHTML中，但我猜
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39226984
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号