web网页打印内容经常是我们项目中用到的东西,找一个好的控件可以让我们事半功倍.今天我们先来聊聊web打印表格.
lodop控件的使用方法,作者都已经有详细的使用说明供使用者参考。但是去看官方文档总归还是有点累人.下面介绍一下我们的经验.但是对于打印表格,确实出现一点小问题,如果表格是自然高度,也就是只设置了table的高度,此时是可以正常显示的,但是如果表格中的td,或者tr的高度有设置值,此时就算显示区域的高度值设置的与表格同高,打印出来的效果是分页,这显然不是我们的初衷。这说明表格的实际高度超出了显示区域。如果将显示区域的高度值远超出表格的高度,才不会分页。
问题出来了:1 如何远超于这个高度值2.表格的真实高度到底是多少呢。
对于问题一,我们只要设置一个尽量大的值就好了,因为打印显示效果是由表格的真实高度决定的,而不这个打印方法中设置的高度决定的。
对于问题二,如果对高度没有定量的掌握,必然无法控制打印出来的效果。此时可以使用dw设计,而且一定要带标尺。此时设计出来的位置与真实效果相差不多了。
lodop需要程序员操心的还是他的打印样式问题. 默认情况下lodop是直接引用网站上某部分代码,但是不包括css. 这样打印时的网站样式有时不是我们需要的结果. 这个问题殷雯工作室也正在研究.
function PrintInFullPage(){
var p=document.getElementById(\"LODOP\");//这行语句是为了符合DTD规范
p.PRINT_INIT(\"打印控件功能演示_Lodop功能_自定义纸张\");
p.ADD_PRINT_TABLE(\"90mm\",\"15mm\",\"180mm\",\"320mm\",document.getElementById(\"div1\").innerHTML);
p.SET_PREVIEW_WINDOW(1,2,0,0,0,\"\");
p.PREVIEW();
}
</script>