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