当你在myDoc中设置enableScreenOnlyClass为true时,实际打印时(调用print方法,或者调用printPreview方法后,按其中的打印按钮时),打印页的div外,会被套一个jatools-printing 样式类,如:
复制内容到剪贴板
代码:
<div id=page1>...</div>
<div id=page2>...</div>
打印时,被套在一个容器内,该容器有样式类 jatools-printing:
复制内容到剪贴板
代码:
<div class='jatools-printing'>
<div id=page1>...</div>
<div id=page2>...</div>
</div>
利用这个特点,就可以灵活地定制出,显示与打印的不同样式,如表格线在预览时可见,打印时不可见:
复制内容到剪贴板
代码:
<script>
...
var myDoc = {
enablePrintingClass : true,// 使jcp打印时,套上 jatools-printing类
documents : document,
copyrights : '杰创软件拥有版权 www.jatools.com'
};
getJCP().print(myDoc);
...
</script>
<style>
#sample td {
border: solid 1px black;
}
/*打印时,单元格边框设置为白色,即不可见*/
.jatools-printing #sample td {
border: 0px solid white;
}
</style>
...
<div id='page1'>
<table id='sample'>...</table>
</div>
当显示时,因为不存在 jatools-printing 类,所以根据