Lodopfuncs.js 网页打印操作

第一步：在官网下载打印控件 下载打印控件 第二步：打开压缩文件，将这四个文件放到你的项目公共库中，其中压缩包中有很多示例可根据操作来

这里我用到的是固定大小的网页打印

写一个打印的静态html文件，如果数据需要后台生成，将网页布局写好，给后台生成一个网址，然后放到对应的js中。

1、引用静态文件： 2、引用实例中的方法函数，这里的方法会判断是否已安装打印控件，都会有相应的提示的 ，根据提示来就好了。 这里重点语句是 LODOP.ADD_PRINT_URL(0, 0, "100%", "100%", baseurl + '/admin/bookStocks/print/' + strID); 这个地址是后台生成的 baseurl + '/admin/bookStocks/print/' + strID

其余的是图片打印，这样打印图片会清晰一些，这个官网常见问题中有写到如何输出清晰图片

var LODOP; //声明为全局变量 function PrintOneURL(strID) { LODOP = getLodop(); LODOP.PRINT_INIT("标签打印"); LODOP.SET_PRINT_PAGESIZE(1,600 ,500, "书本标签"); LODOP.ADD_PRINT_URL(0, 0, "100%", "100%", baseurl + '/admin/bookStocks/print/' + strID); LODOP.ADD_PRINT_IMAGE(4,0,102,30,"<img border='0' src='/static/images/tiaomalogo.png' width=510 height=150 />"); LODOP.SET_PRINT_STYLEA(0,"Stretch",1); LODOP.ADD_PRINT_IMAGE(75,110,95,95,"<img border='0' src='/static/images/tiaomaxcx.png' width=860 height=860 />"); LODOP.SET_PRINT_STYLEA(0,"Stretch",1);//(可变形)扩展缩放模式 LODOP.PRINT(); };

3、调用方法，勾选获取需要打印的id，点击打印按钮就可以了，可能是多个id，所以就循环了

$(document).on('click','[data-role="print"]',function(){ var checkbox = []; var checkStatus = table.checkStatus('test'); checkStatus.data.map(function(item, index) { PrintOneURL(item.stock_id) }) });

重点是参考下载的压缩包，里面很详细。以上就是前端网页打印的步骤流程