思路:

1、在 html 页面引入 LodopFuncs.js 文件,并用 object 标签和 embed 标签获取 lodop 对象

2、在 js 中获取 html 页面中的 object 和 embed 对象,并使用getLodop() 方法得到 lodop 对象

3、实现打印功能,以下三步是必需的

初始化一个打印页面 LODOP.PRINT_INIT

添加需要打印的内容 LODOP.ADD_PRINT_TABLE //此处我是添加的table,也可以是text等,自行查询lodop API

进行打印或打印设计/预览 LODOP.PRINT_DESIGN

具体代码如下:

html 页面

Lodop打印

js 页面

var LODOP;

$(document).ready(function(){

LODOP = initPrintData();

});

function initPrintData() { //得到 lodop 对象

var object = document.getElementById('LODOP_OB');

var embed = document.getElementById('LODOP_EM');

var LODOP = getLodop(object, embed);

return LODOP;

}

function print() { //点击打印按钮时,调用该方法

var startTime = $("#startTime").datebox('getValue');

var endTime = $("#endTime").datebox('getValue');

$.ajax({ // 此处我使用的ajax请求从后台获取打印的数据,也可以使用其他方式获取

url : 'printAccreditUserCountDataExcel.html',

type : 'POST',

data : {

//some param

},

success : function(data){

var textHtml = '

+ '

'

+ '

日期'

+ '

部门'

+ '

已授权人数'

+ '

未授权人数'

+ '

';

var json = eval("(" + data + ")");

for (var i = 0; i < json.length; i++) {

var department = json[i].department;

var date = json[i].dateTime;

var accredit = json[i].accredit;

var unAccredit = json[i].unAccredit;

textHtml += '

'

+ '

' + date + ''

+ '

' + department + ''

+ '

' + accredit + ''

+ '

' + unAccredit + ''

+ '

';

textHtml += "

";

doPrint(textHtml);

}

},

error : function() {

alert("error");

}

});

}

function doPrint(textHtml) {

LODOP.PRINT_INIT("授权情况打印");

LODOP.ADD_PRINT_TABLE(84, 10, 1000, "270mm", textHtml);

LODOP.PRINT_DESIGN();

}

lodop转到其他html页面,Lodop实现打印功能相关推荐

  1. h5 页面多张图片打印功能

    最近在公司项目中,页面有个打印功能.需要打印所有的图片. 前端window.print() 前端vue代码: <!-- start --><!-- end --> 是指:要打印 ...

  2. JAVA打印web页面_JavaWeb实现打印功能

    废话不多说了,直接给大家贴代码了,具体代码如下所示: function printsetup(){ // 打印页面设置 wb.execwb(8,1); } 整理的关于打印的内容 1.控制"纵 ...

  3. uniapp中使用lodop打印控件实现app广域、局域网打印功能,亲测可用

    文章目录 前言 一.本文目的 二.使用步骤 1.准备工作 2.引入库文件 3.页面使用 总结 前言 在项目中使用了lodop控件,然而蛋疼的发现这玩意uniapp app端不能直接使用,在vip售后群 ...

  4. 使用LODOP打印控件实现打印功能的解决方案

    项目中有很多打印功能,一开始使用浏览器自带的打印功能,发现在不同的浏览打印效果上有着较大的差异,最终选择了LODOP打印控件来实现,记录下实现的大体思路. 1. LODOP的优势: 功能丰富:LODO ...

  5. lodop打印不显示页码_Lodop插件实现打印功能

    下载lodop插件实现打印功能(element-ui框架) 一.vuejs弹窗部分 <el-dialog title="打印" width="960px" ...

  6. LODOP JS 获取电脑打印机,并指定打印机打印(转备用)

    LODOP是一款Web打印控件 官网地址   Lodop和C-Lodop官网主站 用法官网样例有介绍  功能演示 - Lodop和C-Lodop官网主站 //获取本地电脑可选的打印机(驱动),并默认选 ...

  7. (转)基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作...

    http://www.cnblogs.com/wuhuacong/p/5147368.html 在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这 ...

  8. php可以打印一个页面,利用html实现分页打印功能的实例详解

    本篇介绍利用html实现分页打印功能的实例详解,有些不想打印出来的分页打印的都可以应用这类样式进行控制 在非打印时是无效的. 页面打印 /* 应用这个样式的在打印时隐藏 */ .noPrint { d ...

  9. 开源的javascript实现页面打印功能,兼容所有的浏览器(情况属实)

    这篇文章完全是属于技术文章,也是记录一下自己在项目当中遇到的坑爹问题啊,因为是B/S的程序,所以打印功能还是必须要有的,对于打印我选择了一个js插件,发现非常的简单和方便,所以这里拿出来和大家分享一下 ...

最新文章

  1. php mysql cms 商城,国内最常用的PHP+MySql免费CMS系统大全
  2. linux 终端 渐变色,iOS开发——UI篇文字渐变效果:图层中的mask属性
  3. 如何用python画数据图-用Python如何画出数据可视化图呢?本文详解
  4. HCNA(012-211) 试题解析
  5. python类与继承person类_关于python中类的继承及self
  6. STL之multiset中equal_range,multimap中的equal_range,bitset容器,string字符串操作,lambda表达式
  7. 在听伏尔加纤夫曲 超酷
  8. MyBatis mapper 注解过程中通过 LanguageDriver 实现动态 SQL
  9. Alibaba数学竞赛试题与答案汇总(持续更新中)
  10. HugeGraph 图数据库索引介绍 - 范围索引,全文索引
  11. JavaScript包管理器综述
  12. memcache 由于目标计算机积极拒绝,无法连接,无法连接memcached服务器
  13. 360浏览器html5无法播放,win7系统360浏览器播放不了视频的解决方法
  14. 想发SCI但自己没有原始数据?推荐 8 个好用的公共数据库
  15. 微服务的数据聚合Join
  16. IT计算机行业都有哪些证可以考
  17. 线上故障之-CPU飙高
  18. Sequence (矩阵快速幂+快速幂+费马小定理)
  19. 如何利用python产生随机数(randrange函数和random函数)
  20. scrapy框架讲解

热门文章

  1. mysql 表单属性_php表单常用属性有什么?
  2. AUTOSAR从入门到精通100讲(二十五)-AutoSar架构中的Methodology
  3. 计算机转正述职报告ppt,转正述职报告ppt
  4. apktool重新打包,error:No resource identifier found for attribute ‘compileSdkVersionCodename‘ in package
  5. js检测数组对象中是否有重复值
  6. 课时27.base(掌握)
  7. class 命名规范
  8. 修改webpack的publicPath为动态设置以适配公司活动平台
  9. 拖拽功能-jquery
  10. Windows 自启动总结《转》