天天看点

WEB打印控件Lodop使用体会

                 控件的使用方法,作者都已经有详细的使用说明供使用者参考。

但是对于打印表格,确实出现一点小问题,如果表格是自然高度,也就是只设置了table的高度,此时是可以正常显示的,但是如果表格中的td,或者tr的高度有设置值,此时就算显示区域的高度值设置的与表格同高,打印出来的效果是分页,这显然不是我们的初衷。这说明表格的实际高度超出了显示区域。如果将显示区域的高度值远超出表格的高度,才不会分页。

    问题出来了:1 如何远超于这个高度值2.表格的真实高度到底是多少呢。

对于问题一,我们只要设置一个尽量大的值就好了,因为打印显示效果是由表格的真实高度决定的,而不这个打印方法中设置的高度决定的。

对于问题二,如果对高度没有定量的掌握,必然无法控制打印出来的效果。此时可以使用dw设计,而且一定要带标尺。此时设计出来的位置与真实效果相差不多了。

<script type="text/javascript">

<table width="682"    height="610" border="1">

    <tr >

        <td width="90" rowspan="2" align="center">1船舶名称 Name of ship</td>

        <td height="61" colspan="4" align="center">2船舶电台识别</td>

        <td width="97" rowspan="2" align="center">3执照持有者 Owner of lincence</td>

        <td width="139" rowspan="2" align="center">4 缴费单位识别码或者缴费附加信息 Accounting authority identification code ,or additional information including accounting information if required</td>

    </tr>

    <tr>

        <td width="75" height="61" align="center"> 呼号<br/>

         Call sign<br/></td>

        <td width="88" align="center">水上移动<br/>业务识别 MMSI</td>

        <td colspan="2" align="center">其它识别<br/>ofther identification (optional)</td>

</table>

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>

《李翔商业内参》就相当于你的私人情报机构,帮你节省时间,帮你节约注意力,让你从那些纷繁的公众号里解脱出来,那些可恶的标题党,在浪费你的时间,浪费你的青春,而你却成为了他们的赚钱工具,那些讨厌的广告正蚕食你的注意力。时间对每个人都很宝贵,但是有谁会在乎我们是否浪费了时间,有谁会愿意帮我们节省时间。有些时候宁愿花钱也要把时间省下来,钱不是稀缺资源,自身增值了,自然会有钱,而时间不再有。我毫不犹豫了订阅了,一年199元。钱已经花了,如何能让它产生更大的价值呢。我想免费分享出去,分享给更多的喜欢《李翔商业内参》的人。