您的位置:

探究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控件进行了详细的介绍,包括控件的基本用法、常用功能等。在实际使用中,我们还可以结合自己的实际情况进行更深入的探究和使用。