lodop转到其他html页面,Lodop实现打印功能
思路:
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实现打印功能相关推荐
- h5 页面多张图片打印功能
最近在公司项目中,页面有个打印功能.需要打印所有的图片. 前端window.print() 前端vue代码: <!-- start --><!-- end --> 是指:要打印 ...
- JAVA打印web页面_JavaWeb实现打印功能
废话不多说了,直接给大家贴代码了,具体代码如下所示: function printsetup(){ // 打印页面设置 wb.execwb(8,1); } 整理的关于打印的内容 1.控制"纵 ...
- uniapp中使用lodop打印控件实现app广域、局域网打印功能,亲测可用
文章目录 前言 一.本文目的 二.使用步骤 1.准备工作 2.引入库文件 3.页面使用 总结 前言 在项目中使用了lodop控件,然而蛋疼的发现这玩意uniapp app端不能直接使用,在vip售后群 ...
- 使用LODOP打印控件实现打印功能的解决方案
项目中有很多打印功能,一开始使用浏览器自带的打印功能,发现在不同的浏览打印效果上有着较大的差异,最终选择了LODOP打印控件来实现,记录下实现的大体思路. 1. LODOP的优势: 功能丰富:LODO ...
- lodop打印不显示页码_Lodop插件实现打印功能
下载lodop插件实现打印功能(element-ui框架) 一.vuejs弹窗部分 <el-dialog title="打印" width="960px" ...
- LODOP JS 获取电脑打印机,并指定打印机打印(转备用)
LODOP是一款Web打印控件 官网地址 Lodop和C-Lodop官网主站 用法官网样例有介绍 功能演示 - Lodop和C-Lodop官网主站 //获取本地电脑可选的打印机(驱动),并默认选 ...
- (转)基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作...
http://www.cnblogs.com/wuhuacong/p/5147368.html 在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这 ...
- php可以打印一个页面,利用html实现分页打印功能的实例详解
本篇介绍利用html实现分页打印功能的实例详解,有些不想打印出来的分页打印的都可以应用这类样式进行控制 在非打印时是无效的. 页面打印 /* 应用这个样式的在打印时隐藏 */ .noPrint { d ...
- 开源的javascript实现页面打印功能,兼容所有的浏览器(情况属实)
这篇文章完全是属于技术文章,也是记录一下自己在项目当中遇到的坑爹问题啊,因为是B/S的程序,所以打印功能还是必须要有的,对于打印我选择了一个js插件,发现非常的简单和方便,所以这里拿出来和大家分享一下 ...
最新文章
- php mysql cms 商城,国内最常用的PHP+MySql免费CMS系统大全
- linux 终端 渐变色,iOS开发——UI篇文字渐变效果:图层中的mask属性
- 如何用python画数据图-用Python如何画出数据可视化图呢?本文详解
- HCNA(012-211) 试题解析
- python类与继承person类_关于python中类的继承及self
- STL之multiset中equal_range,multimap中的equal_range,bitset容器,string字符串操作,lambda表达式
- 在听伏尔加纤夫曲 超酷
- MyBatis mapper 注解过程中通过 LanguageDriver 实现动态 SQL
- Alibaba数学竞赛试题与答案汇总(持续更新中)
- HugeGraph 图数据库索引介绍 - 范围索引,全文索引
- JavaScript包管理器综述
- memcache 由于目标计算机积极拒绝,无法连接,无法连接memcached服务器
- 360浏览器html5无法播放,win7系统360浏览器播放不了视频的解决方法
- 想发SCI但自己没有原始数据?推荐 8 个好用的公共数据库
- 微服务的数据聚合Join
- IT计算机行业都有哪些证可以考
- 线上故障之-CPU飙高
- Sequence (矩阵快速幂+快速幂+费马小定理)
- 如何利用python产生随机数(randrange函数和random函数)
- scrapy框架讲解
热门文章
- mysql 表单属性_php表单常用属性有什么?
- AUTOSAR从入门到精通100讲(二十五)-AutoSar架构中的Methodology
- 计算机转正述职报告ppt,转正述职报告ppt
- apktool重新打包,error:No resource identifier found for attribute ‘compileSdkVersionCodename‘ in package
- js检测数组对象中是否有重复值
- 课时27.base(掌握)
- class 命名规范
- 修改webpack的publicPath为动态设置以适配公司活动平台
- 拖拽功能-jquery
- Windows 自启动总结《转》