WEB打印控件lodop

官網:

http://www.lodop.net/

安裝WEB插件

代碼調用

  <!-- 引入js-->
  <script type="text/javascript" src="../commons/LodopFuncs.js"></script>

  <script>
    //打印函數
    var LODOP;  //聲明為全局變量

    function print() {
      LODOP=getLodop();  //初始化lodop
      LODOP.PRINT_INIT("庫存詳細");  //打印初始化
      LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4");   //設置打印頁面大小
      /*ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml) 左邊預留百分之十 寬度百分之80即居中 上邊距15mm 高度265mm 下邊距17mm*/
      LODOP.ADD_PRINT_HTM("15mm","10%","80%","265mm",document.getElementById("printDiv").innerHTML);  //打印內容 ADD_PRINT_HTM可以自動分頁
      LODOP.SET_PRINT_STYLEA(0,"Horient",2); //打印項在紙張中水平居中
      LODOP.PREVIEW();  //預覽(打印/預覽/維護/設計)
    }
  </script>

幾種打印方式

ADD_PRINT_TABLE 特點：不切行，只能輸出一個table，嵌套復雜等表格不行。
當某一行高超過打印項高度時，不會按照打印項高度分頁，不切行，而是輸出整個行，行跨頁隱藏后面的內容，不會分到下一頁。
如圖-----達到了紙張的最下方，下面既沒有表格線，后面的內容也沒有分到下一頁，該超大行后面的內容相當於不打印隱藏了。

ADD_PRINT_HTM特點：切行沒切字，補充了表格線，該超大行分頁后成了多行。
如圖-----基本按照打印設計打印項高度分頁，只是打印設計里高度在最后一句，打印設計設計的高度是稍稍小於該文字的，但是ADD_PRINT_HTM沒有切字，而是把最后一行字顯示全了，並且該大行分頁后補全了表格線，本來是兩行三列的表格，補完橫線后，看起來是兩行變成了四行，切行的都補了線。

ADD_PRINT_HTML特點：切行切字，不補表格線，類似截圖，把內容當圖截了。