探究lodop打印控件

一、簡介

lodop打印控件是一款適用於各種瀏覽器的打印控制插件，可用於快速、簡便地實現各種打印任務。它支持多種輸出方式，如打印、預覽、保存至PDF等，在各種行業中都被廣泛應用。

首先請到lodop官網下載並安裝相應的打印控件，以下是關於lodop控件的相關操作。

//初始化lodop打印控件
function initLodop(){
  var LODOP = getLodop();
  if ((LODOP == null) || (typeof(LODOP.VERSION) == "undefined")) { 
    alert("您還未安裝打印控件，請下載安裝");
    return;
  } 
  LODOP.PRINT_INIT("打印控件初始化");
}

二、使用方法

使用lodop打印控件主要有以下幾個步驟：

1、創建打印模板

在使用lodop控件進行打印時，需要先創建相應的打印模板。相對於傳統打印方式的固定版面，lodop支持對打印模板進行高度定製化的操作，包括表格、圖片、文本、條碼等。

//創建table打印模板
function createTablePrint(){
  LODOP=getLodop();
  LODOP.PRINT_INIT("table打印");
  LODOP.ADD_PRINT_TABLE(10,10,300,250,document.getElementById("table1").innerHTML);
  LODOP.ADD_PRINT_TEXT(30,80,150,30,"表格打印");
  LODOP.ADD_PRINT_HTM(80,20,300,250,document.getElementById("div1").innerHTML);
  LODOP.SET_PRINT_STYLEA(0,"Bold",1);
  LODOP.PREVIEW();
}

2、添加數據源

在打印模板中添加數據源，可以通過表單、數據庫等方式實現。以下示例中，我們採用JSON格式的數據源方式。

//添加JSON數據源
function addJsonData(){
  LODOP=getLodop();
  LODOP.SET_PRINT_PAGESIZE(1,"58mm","40mm","");
  LODOP.ADD_PRINT_TEXT(5,16,248,28,"*******公司");
  LODOP.SET_PRINT_STYLEA(0,"FontSize",10);
  LODOP.ADD_PRINT_TEXT(36,16,248,32,"**************************************");
  LODOP.SET_PRINT_STYLEA(0,"FontSize",7);
  var data = [
    {"name":"張三","age":"27","sex":"男"},
    {"name":"李四","age":"22","sex":"女"},
    {"name":"王五","age":"33","sex":"男"}
  ];
  LODOP.ADD_PRINT_TABLE(80,10,260,100,"{|}*-10{姓名}*40{年齡}*90{性別}");
  LODOP.ADD_PRINT_TEXT(200,10,200,30,"打印時間："+new Date().toLocaleString());
  LODOP.SET_PRINT_STYLEA(0,"FontSize",8);
  LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  LODOP.SET_PRINT_STYLEA(0,"LinkedItem",-2);
  LODOP.SET_PRINT_STYLEA(0,"PreviewOnly",1);
  LODOP.ADD_PRINT_TEXT(200,180,200,30,"第#頁／共&頁");
  LODOP.ADD_PRINT_TEXT(230,180,200,30,"******打印");
  LODOP.SET_PRINT_STYLEA(0,"FontSize",6);
  LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  LODOP.SET_PRINT_STYLEA(0,"LinkedItem",-2);
  LODOP.SET_PRINT_STYLEA(0,"PreviewOnly",1);
  LODOP.SET_PRINT_STYLEA(0,"Horient",3);
  LODOP.ADD_PRINT_TEXT(230,60,160,20,"當前時間：2017-11-27");
  LODOP.SET_PRINT_STYLEA(0,"FontSize",6);
  LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  LODOP.SET_PRINT_STYLEA(0,"LinkedItem",-2);
  LODOP.SET_PRINT_STYLEA(0,"PreviewOnly",1);
  LODOP.SET_PRINT_STYLEA(0,"Horient",3);
  LODOP.SET_PRINT_STYLE("HeaderOnly",1);
  LODOP.SET_PRINT_MODE("FULL_WIDTH_FOR_PAPER",true);
  LODOP.SET_SHOW_MODE("HIDE_PAPER_BOARD",false);
  LODOP.SET_PRINT_STYLEA(0,"BackColor","#FFCCCC");
  LODOP.SET_PRINT_STYLEA(0,"PreviewOnly",1);
  LODOP.SET_PRINT_STYLEA(0,"Bold",1);
  LODOP.SET_SHOW_MODE("SHOW_SCALEBAR",true);
  LODOP.ADD_PRINT_TEXT(140,10,260,30,"***信息表");
  LODOP.SET_PRINT_STYLEA(0,"FontSize",10);
  LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
  LODOP.SET_PRINT_STYLEA(0,"Horient",2);
  LODOP.SET_PRINT_STYLEA(0,"LinkedItem",-2);
  LODOP.ADD_PRINT_DATA(table.config.titlePrint,rowData);
  LODOP.SET_PRINT_STYLEA(0,"Bold",1);
  LODOP.PREVIEW();
}

3、設置打印參數

在進行打印操作前，我們還需要設置打印參數，包括打印機、打印份數等。

//設置打印參數
function setPrintParams(){
  LODOP=getLodop();
  LODOP.PRINT_INIT("設置打印參數");
  LODOP.SET_PRINT_PAGESIZE(1,800,600,"A4");
  LODOP.SET_PRINT_MODE("FULL_WIDTH_FOR_PAPER",true);
  LODOP.SET_PRINT_COPIES(1);
  LODOP.SET_PRINT_FORMULA("FORMCACHE",1);
  LODOP.SET_PRINT_MODE("RESELECT_PAGESIZE_ENABLE",true);
  LODOP.SET_PRINT_STYLE("FontSize",20);
  LODOP.SET_PRINT_STYLE("Bold",1);
  LODOP.ADD_PRINT_TEXT(50,100,300,50,"這是一份測試打印");
  LODOP.PREVIEW();
}

三、常用功能

1、打印

通過lodop控件，我們可以輕鬆實現打印功能。只要在打印模板中添加需要打印的內容，並設置好打印參數，就可以進行打印。

//打印
function doPrint(){
  LODOP=getLodop();
  LODOP.PRINT();
}

2、打印預覽

打印預覽功能可以讓我們在進行打印前對打印效果進行預覽，以便及時調整。同時也可以在預覽時進行編輯、保存等操作。

//打印預覽
function doPreview(){
  LODOP=getLodop();
  LODOP.PREVIEW();
}

3、導出文件

lodop控件支持將打印結果導出為PDF、圖片等多種格式，並且在導出前可以對導出參數進行設置。

//導出PDF文件
function exportPdf(){
  LODOP=getLodop();
  LODOP.SET_PREVIEW_WINDOW(0,0,0,800,600,"");
  LODOP.SET_SAVE_MODE("Orientation",1); //橫向
  LODOP.SET_SAVE_MODE("FileName","test.pdf");
  LODOP.SET_SAVE_MODE("PDFResolution",240);
  LODOP.SAVE_TO_FILE("打印數據","C:\\test.pdf");
}

四、總結

lodop打印控件具有易用、可靠、功能豐富等特點，在各行各業都得到了廣泛的應用。通過本文我對lodop控件進行了詳細的介紹，包括控件的基本用法、常用功能等。在實際使用中，我們還可以結合自己的實際情況進行更深入的探究和使用。