amazeui分页打印

最新推荐文章于 2024-06-21 09:42:35 发布

nonesole

最新推荐文章于 2024-06-21 09:42:35 发布

阅读量302

点赞数

分类专栏： CheckStyle JavaScript HTML / XHTML 文章标签： amazeui html分页打印

本文链接：https://blog.csdn.net/nonesole/article/details/84205819

版权

JavaScript 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

HTML / XHTML

5 篇文章 0 订阅

订阅专栏

CheckStyle

2 篇文章 0 订阅

订阅专栏

适用amazeui版本号：v2.7.2

<html>
<body>
<div class="am-u-md-12">
        
        打印区域.......
        
</div>
</body>
</html>

如果打印区域过长，打印时会自动分页，但在amazeui中，由于CSS冲突，导致无法自动分页，只能打印一页。经过反复测试，在打印时对指定区域增加CSS样式，可实现自动分页。打印后，重新加载页面数据，实现页面的正常显示。

function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="";
eprnstr="";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
// 必须将body的height设置为auto，否则，打印状态下无法自动分页
window.document.body.style.cssText = "height:auto";
window.print();
window.location.reload();
}