WEB打印控件Lodop实现打印页面

本文介绍了如何利用Lodop打印控件来实现网页打印功能。首先简述了Lodop的基本介绍,接着展示了点击打印按钮后的效果,并提供了实现此功能的JSP代码示例。
摘要由CSDN通过智能技术生成

最近研究了一下实现打印页面的功能,实现主要是用到了Lodop打印控件

(一)、Lodop简介相关的内容搭建可以参阅:Lodop官网

(二)、实现效果如下图:


当点击打印按钮效果如下:



然后呢就可以根据需要打印了,功能完成

(三)实现以上功能的jsp代码如下:

   1、引入相关文件

	<%@include file="../common/project.jsp" %>
   	<script language="javascript" src="${base}/static/js/common/print/LodopFuncs.js"></script>
 	<script type="text/javascript">

  

2、定义Lodop的DOM 对象

<object  id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> 
   <embed id="LODOP_EM" type="application/x-print-lodop" width=0 height=0></embed>
</object>

3、 下面是要打印报表 table

<div data-options="region:'center', border:false">
		<div id="print_div" style="width: 40%;height: 90%;margin: 0 auto;min-height: 500px;min-width: 760px;">
		<div style="line-height:40px;padding:10px; text-align:left;font-size: 28px;font-weight: bold;font-family: '宋体'">模版一:管理员信息收集模版</div>
			 <table style="margin: 0 auto;border-bottom: 1px solid black;border-right:1px solid black;height: 30%" cellpadding="0" cellspacing="0">
				<tr style="height: 3%">
					<td style="width:700px;border-top: 1px solid black;border-left:1px solid black;text-align: left;font-size:24px;" colspan="6">单位名称:${dwmc}</td>
					<td style="width:80px;border-top: 1px solid black;border-left:1px solid black;text-align: center;font-size:20px;"></td>
				</tr>
				<tr style="height: 2%">
				   <td style="width:10%;border-top: 1px solid b
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值