第一步:在官网下载打印控件 下载打印控件
第二步:打开压缩文件,将这四个文件放到你的项目公共库中,其中压缩包中有很多示例可根据操作来
这里我用到的是固定大小的网页打印
写一个打印的静态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)
})
});
重点是参考下载的压缩包,里面很详细。以上就是前端网页打印的步骤流程