您现在的位置是：首页 > 网站建设常见问答网站建设常见问答

WEB打印控件Lodop使用体会

2016-08-31【网站建设常见问答】2251 人已围观

简介 web网页打印内容经常是我们项目中用到的东西,找一个好的控件可以让我们事半功倍.今天我们先来聊聊web打印表格. lo...

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>

关注宁波网站建设博客，更多精彩分享，敬请期待！

Tags：

很赞哦！ ()

上一篇：宁波网站建设殷雯殷雯工作室近期工作动态

下一篇：备用DNS服务器ip地址改为8.8.8.8暂时解决问题