WEB打印控件Lodop使用體會 - gzggyy－IT工程師數位筆記本

文章出處

控件的使用方法，作者都已經有詳細的使用說明供使用者參考。

但是對于打印表格，確實出現一點小問題，如果表格是自然高度，也就是只設置了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> 
    </tr> 
    <tr > 
</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>

http://whatishacker.blog.51cto.com/1247999/739670

文章列表