项目中比较好用的web打印控件 |
您所在的位置:网站首页 › 易打单打印组件是什么软件做的 › 项目中比较好用的web打印控件 |
项目中比较好用的web打印控件——Lodop
由于公司业务需求,需要控件打印控件,在网上看到了很多打印插件,觉得Lodop打印插件比较好用,下面介绍操作方法: 1、准备工作,下载控件及官方demo 下面给出官方的下载地址:http://www.lodop.net/download.html 2、基本使用 由于Lodop控件是一个exe程序,所以第一次使用的时候,需要提示用户安装这个控件(控件大小在2M左右),注意Lodop根据操作系统类型不同(X86还是X64),分为install_lodop32.exe 和install_lodop64.exe (1)提示用户安装控件 在页面的head标签内,写下如下代码:
注意:/ControlPackage/Lodop 这个目录是我自己创建的目录,如果你自己使用,可修改为自己的目录 1 2 3 4 5 6 7 8 9 10 function CheckIsInstall() { try { var LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); if ((LODOP != null) && (typeof(LODOP.VERSION) != "undefined")) { alert("本机已成功安装过Lodop控件!\n 版本号:" + LODOP.VERSION); } } catch (err) { //alert("Error:本机未安装或需要升级!"); } }; 具体调用代码: (2)打印页面内容 由于我打印的内容是一个form表单下的table表格,所以调用的是ADD_PRINT_TABLE,这个函数,如果大家打印html或者其他可以参考这篇文章——lodop相关参数和讲解。 注意:打印的内容的样式,一定要直接写在页面上,不要使用css样式 下面贴出来打印form1表单的table标签内容的js代码。 1 2 3 4 5 6 7 8 9 10 11 12 var LODOP; //声明为全局变量 function prn1_preview() { CreateOneFormPage(); LODOP.PREVIEW(); }; function CreateOneFormPage() { LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM')); LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_表单一"); LODOP.SET_PRINT_STYLE("FontSize", 14); LODOP.SET_PRINT_STYLE("Bold", 1); LODOP.ADD_PRINT_TABLE("5mm", "0mm", "230mm", "140mm", document.getElementById("form1").innerHTML); }; 打印内容: |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |