lodoop打印控件详解

注意:使用此打印控件需要引入(在我上传的Demo中都有):
	install_lodop32.exe
	install_lodop64.exe
	LodopFuncs.js
	jquery-1.10.0.min.js

具体Demo下载地址: http://download.csdn.net/download/l294333475/7697807

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP 'TestLodoop.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<script language="javascript" src="<%=basePath%>lodop/LodopFuncs.js"></script>
	<script src="<%=basePath%>js/jquery-1.10.0.min.js"></script>
	<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>

	<script language="javascript">
		var LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'),"<%=basePath%>lodop/");
		$(document).ready(function(){
			if(LODOP == null || (typeof(LODOP.VERSION)=="undefined")){
				$("#btnPrintView").attr("disabled","disabled");
				$("#btnPrint").attr("disabled","disabled");
				$("#btnNext").attr("disabled","disabled");
			}
			else{
				CreatePrinterList();
			}
		});

		//打印
		function print(){
			document.getElementById("showInstall").innerHTML = "";
			Create();
			//LODOP.SET_PRINT_COPIES(2);
			LODOP.SET_PRINT_MODE("CATCH_PRINT_STATUS",true);
			var code = LODOP.PRINTA();
			alert(code);
			var ret = LODOP.GET_VALUE("PRINT_STATUS_OK",code);
			alert(ret);
			if(ret){
				$("#btnNext").attr("disabled","none");
			}
			else{
				document.getElementById("showInstall").innerHTML = "<font color='#FF00FF'>打印失败</font>";
			}
		}		

		//加载打印机
		function CreatePrinterList(){
		    if (document.getElementById('PrinterList').innerHTML!="") return;
			LODOP=getLodop();
			var iPrinterCount=LODOP.GET_PRINTER_COUNT();
			for(var i=0;i<iPrinterCount;i++){

	   			var option=document.createElement('option');
	   			option.innerHTML=LODOP.GET_PRINTER_NAME(i);
	   			option.value=i;
				document.getElementById('PrinterList').appendChild(option);
			};
		};

		//打印预览
		function preview() {
			Create();
			LODOP.SET_PREVIEW_WINDOW(1,0,0,0,0,"");
			LODOP.PREVIEW();
		};

		function Create(){
			LODOP.PRINT_INIT("");
			LODOP.SET_PRINT_MODE("WINDOW_DEFPRINTER",getSelectedPrintIndex());//设置打印机
			LODOP.SET_PRINT_MODE("WINDOW_DEFPAGESIZE:"+getSelectedPrintIndex(),"A4");//设置打印纸张为A4

			LODOP.ADD_PRINT_HTM(10,30,700,1080,document.getElementById("tRequest").innerHTML);

			LODOP.NewPage();
			CreateDataBill();

			LODOP.NewPage();
			CreateDataSeal();

			LODOP.NewPage();
			LODOP.ADD_PRINT_HTM(30,30,700,1080,document.getElementById("tDeal").innerHTML);
		}

		//选择打印机
		function getSelectedPrintIndex(){
			return document.getElementById("PrinterList").value;
		};

		//法人代表授权书
		function CreateDataBill() {

			LODOP.ADD_PRINT_TEXT(97,220,500,20,"法人代表授权书");
			LODOP.SET_PRINT_STYLEA(0,"FontSize",30);
			LODOP.SET_PRINT_STYLE("FontSize",14);
			LODOP.ADD_PRINT_TEXT(190,150,300,20,"本授权书声明:总部设在(地址)");
			LODOP.ADD_PRINT_LINE(205,420, 205, 600,0, 1);
			LODOP.ADD_PRINT_TEXT(190,600,150,20,",(公司名称)");

			LODOP.ADD_PRINT_LINE(255,100, 255, 250,0, 1);
			LODOP.ADD_PRINT_TEXT(240,250,200,20,"公司(法人代表)");
			LODOP.ADD_PRINT_LINE(255,400, 255, 500,0, 1);
			LODOP.ADD_PRINT_TEXT(240,500,250,20,"(即下面签字的授权人),");

			LODOP.ADD_PRINT_TEXT(290,100,300,20,"代表本公司授权(被授权人)");
			LODOP.ADD_PRINT_LINE(315,350, 315, 450,0, 1);
			LODOP.ADD_PRINT_TEXT(290,450,400,20,"(即下面签字的被授权人)");
			LODOP.ADD_PRINT_TEXT(340,100,600,20,"为本公司合法代理人,到贵方办理CFCA数字证书相关事宜。");

			LODOP.ADD_PRINT_TEXT(420,150,550,20,"本公司承认该代表所签署文件及提交公司文件的法律效力。");

			LODOP.ADD_PRINT_TEXT(500,100,100,20,"被授权人:");
			LODOP.ADD_PRINT_TEXT(500,400,100,20,"授权人:");
			LODOP.ADD_PRINT_TEXT(600,100,200,20,"填写公司名称(公章)");
			LODOP.ADD_PRINT_TEXT(650,100,200,20,"日期");

		};

		//印章采集页
		function CreateDataSeal(){
			LODOP.ADD_PRINT_TEXT(97,250,500,20,"印章采集");
			LODOP.SET_PRINT_STYLEA(0,"FontSize",30);
			LODOP.SET_PRINT_STYLE("FontSize",14);
			LODOP.ADD_PRINT_TEXT(190,100,550,20,"此印章仅用于办理中国大唐集团公司集采平台电子钥匙使用。");
			LODOP.ADD_PRINT_TEXT(240,100,550,20,"请将公章/合同专用章加盖在以下方框内。");
			LODOP.ADD_PRINT_RECT(290, 200, 200, 200,0, 1);
			LODOP.ADD_PRINT_TEXT(540,100,650,20,"此法人签字/印章仅用于办理中国大唐集团公司集采平台电子钥匙使用。");
			LODOP.ADD_PRINT_TEXT(590,100,650,20,"请将法人签字写在以下方框内,或者将法人印章加盖在以下方框内。");
			LODOP.ADD_PRINT_RECT(640, 200, 200, 200,0, 1);
		}
	</script>

  </head>
  <body>
  <!-- 以下为设置打印内容 -->
   <div>
		<p class="text1"><span>指定打印机:<select id="PrinterList" size="1"></select></span></p>
		<p class="text1"><span>指定纸张:A4</span></p>
		<p>
		<button id="btnPrintView" onclick="preview();">在线预览</button>
		<button id="btnPrint" onclick="print();">在线打印</button>
		</p>
		<p><div id="showInstall"></div></p>
	</div>

	<button id="btnNext" onClick="javascript:window.location.href='<%=basePath%>supplier/send.do'">下一步</button>

	<!-- 以下为具体需要打印的内容 -->
	<div id ="tRequest" style="display:none;">
	<p style="margin:0px;text-align:center;font-size:30px;">企业证书申请表<img src="01.jpg" /></p>
	  <table style="border-collapse:collapse;width:700px;">
	  	<tr>
	  		<td style="width:30px"></td>
	  		<td style="width:70px"></td>
	  		<td style="width:150px"></td>
	  		<td style="width:100px"></td>
	  		<td style="width:100px"></td>
	  		<td style="width:100px"></td>
	  		<td style="width:150px"></td>
	  	</tr>
		<tr>
	  		<td colspan="2" style="width:100px;border: 1px solid #000;height:50px;">申请日期</td>
	  		<td colspan="2" style="width:200px;border: 1px solid #000;">2014-07-31</td>
	  		<td style="width:100px;border: 1px solid #000;">证书数量</td>
	  		<td colspan="2" style="width:290px;border: 1px solid #000;">2</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:50px;">证书种类</td>
	  		<td colspan="5" style="border: 1px solid #000;">
	  			<input type="checkbox" />高级证书<input type="checkbox" checked/>普通证书<input type="checkbox" />Direct Server证书
	  			<input type="checkbox" />Web Server证书
	  			<input type="checkbox" />安全E-mail证书<input type="checkbox" />CodeSigning证书<input type="checkbox" />其它种类证书
	  		</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">所属系统</td>
	  		<td colspan="5" style="border: 1px solid #000;">
	  			<input type="checkbox" />E-01<input type="checkbox" checked/>J-01
	  		</td>
	  	</tr>

	  	<tr>
	  		<td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;" rowspan="10">企业信息</td>

	  		<td colspan="2" style="border: 1px solid #000;height:25px;width:150px;">中文名称</td>
	  		<td colspan="4" style="border: 1px solid #000;">南京优泰科技发展有限公司</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">英文/拼音简称</td>
	  		<td colspan="4" style="border: 1px solid #000;">utc</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">WEB域名</td>
	  		<td colspan="4" style="border: 1px solid #000;">www.utcsoft.com(仅限于服务器证书)</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">证件类型</td>
	  		<td colspan="4" style="border: 1px solid #000;">
	  			<input class="myradio" type="checkbox" name="radioCardType" value="zzjg">组织机构代码证
				<input class="myradio" type="checkbox" name="radioCardType" value="yyzz">企业营业执照
				<input class="myradio" type="checkbox" name="radioCardType" value="qt">其他
	  		</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">证件号码</td>
	  		<td colspan="4" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">主管领导(签名)</td>
	  		<td colspan="3" style="border: 1px solid #000;"></td>
	  		<td rowspan="5" style="width:150px;border: 1px solid #000;vertical-align:bottom;">(单位盖章)</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">单位地址</td>
	  		<td colspan="3" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">省(市)</td>
	  		<td colspan="3" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">电话</td>
	  		<td colspan="3" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">传真</td>
	  		<td colspan="3" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;" rowspan="8">办理人信息</td>

	  		<td colspan="2" style="border: 1px solid #000;height:25px;">姓名(签名)</td>
	  		<td colspan="4" style="border: 1px solid #000;">刘鹏</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">证件类型</td>
	  		<td colspan="4" style="border: 1px solid #000;">
				<input type="checkbox" checked/>身份证<input type="checkbox" />军官证<input type="checkbox" />港澳通行证
				<input type="checkbox" />护照<input type="checkbox" />其他
			</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">证件号码</td>
	  		<td colspan="4" style="border: 1px solid #000;">${agent.agentCardNum}</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">电话</td>
	  		<td colspan="4" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">电子邮件</td>
	  		<td colspan="4" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">通信地址</td>
	  		<td colspan="4" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">邮政编码</td>
	  		<td colspan="4" style="border: 1px solid #000;">1111</td>
	  	</tr>
	  	<tr>
	  		<td colspan="2" style="border: 1px solid #000;height:25px;">确认意见</td>
	  		<td colspan="4" style="border: 1px solid #000;">
				<input type="checkbox" checked/>上述信息属实<input type="checkbox" />上述信息不属实
			</td>
	  	</tr>
	  	<tr>
	  		<td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;" rowspan="2">C<br>F<br>C<br>A<br>意见</td>

	  		<td colspan="2" style="border: 1px solid #000;height:25px;">CFCA经办人:</td>
	  		<td colspan="2" style="border: 1px solid #000;">
	  			<input type="checkbox" />以上手续完备<br><input type="checkbox" />以上手续完备
	  		</td>
	  		<td colspan="2" style="border: 1px solid #000;">
	  			业务部审核员:<br>
	  			业务审核日期:
	  		</td>
	  	</tr>
	  	<tr>
	  		<td colspan="4" style="border: 1px solid #000;height:25px;">分管领导:<br><br><br><br></td>
	  		<td colspan="2" style="border: 1px solid #000;vertical-align:bottom;">
	  			(CFCA盖章)
	  		</td>
	  	</tr>
	  	<tr>
	  		<td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">操作</td>

	  		<td colspan="4" style="border: 1px solid #000;height:25px;">
				运行部录入人员:<br>
				录入日期:
			</td>
	  		<td colspan="2" style="border: 1px solid #000;">
	  			运行部审核人员:<br>
	  			审核日期:
	  		</td>
	  	</tr>
	  	<tr>
	  		<td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">备注</td>

	  		<td colspan="6" style="border: 1px solid #000;">
				如您办理电子钥匙续费,请在此栏注明您所持有的电子钥匙的DN号码:<br><br>
			</td>
	  	</tr>
	  </table>
	</div>

	<div id="tDeal" style="display:none;">
		<p style="text-align:center;font-size:30px;">购买协议</p>
		<table style="border-collapse:collapse;width:700px;">
			<tr>
				<td style="width:30px;"></td>
				<td style="width:150px;"></td>
				<td style="width:150px;"></td>
				<td style="width:200px;"></td>
				<td style="width:170px;"></td>
			</tr>
			<tr>
				<td rowspan="3" style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">供方</td>
				<td style="width:80px;height:30px;border: 1px solid #000;">企业名称</td>
				<td colspan="4" style="height:30px;border: 1px solid #000;">南京优泰科技发展有限公司</td>
			</tr>
			<tr>
				<td style="width:80px;height:30px;border: 1px solid #000;">开户银行</td>
				<td colspan="4" style="height:30px;border: 1px solid #000;">工商银行南京市新街口支行</td>
			</tr>
			<tr>
				<td style="width:80px;height:30px;border: 1px solid #000;">账号</td>
				<td colspan="4" style="height:30px;border: 1px solid #000;">4301010019101143205</td>
			</tr>
			<tr>
				<td rowspan="2" style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">需方</td>
				<td style="width:150px;height:30px;border: 1px solid #000;">企业名称</td>
				<td colspan="3" style="height:30px;border: 1px solid #000;"></td>
				<td rowspan="2" style="width:150px;height:150px;border: 1px solid #000;vertical-align:bottom;">(盖章)</td>
			</tr>
			<tr>
				<td style="width:150px;height:30px;border: 1px solid #000;">联系人/电话</td>
				<td colspan="3" style="height:30px;border: 1px solid #000;"></td>
			</tr>
			<tr>
				<td colspan="2" style="height:30px;border: 1px solid #000;">产品名称</td>
				<td colspan="4" style="height:30px;border: 1px solid #000;">优泰电子签章系统软件V9.0</td>
			</tr>
			<tr>
				<td colspan="2" style="height:30px;border: 1px solid #000;">数量</td>
				<td colspan="4" style="height:30px;border: 1px solid #000;">优泰电子签章系统软件V9.0</td>
			</tr>
			<tr>
				<td colspan="2" style="height:30px;border: 1px solid #000;">金额</td>
				<td style="height:30px;border: 1px solid #000;">¥</td>
				<td colspan="3" style="height:30px;border: 1px solid #000;">大写</td>
			</tr>
			<tr>
				<td colspan="2" style="height:30px;border: 1px solid #000;">日期</td>
				<td colspan="4" style="height:30px;border: 1px solid #000;">优泰电子签章系统软件V9.0</td>
			</tr>
			<tr>
				<td style="width:30px;text-align:center;vertical-align:middle;border: 1px solid #000;">备注</td>
				<td colspan="5" style="height:200px;border: 1px solid #000;">
					1、	本软件产品受著作权法及国际条约条款和知识产权保护法及条约的保护。<br>
					2、	本软件产品用于大唐项目。<br>
					3、	本软件在供方确认收款后,三个工作日内发出。<br>
					4、	请将此协议盖章后与其他申请材料一同邮寄<br>
					5、	需方签署本协议,表明需方已接受在办理电子钥匙时提供公章或者法人签字的图片,并保证其真实性。

				</td>
			</tr>
		</table>
	</div>

  </body>
</html>


lodoop打印控件详解

时间: 2024-07-29 22:28:14

lodoop打印控件详解的相关文章

asp.net验证控件详解

ASP.NET验证控件详解     现在ASP.NET,你不但可以轻松的实现对用户输入的验证,而且,还可以选择验证在服务器端进行还是在客户端进行,再也不必考虑那么多了,程序员们可以将重要精力放在主程序的设计上了. ASP.NET公有六种验证控件,分别如下: 控件名           功能描叙 RequiredFieldValidator(必须字段验证) 用于检查是否有输入值 CompareValidator(比较验证) 按设定比较两个输入 RangeValidator(范围验证) 输入是否在指

IOS—UITextFiled控件详解

IOS—UITextFiled控件详解 //初始化textfield并设置位置及大小 UITextField *text = [[UITextField alloc]initWithFrame:CGRectMake(20, 20, 130, 30)]; //设置边框样式,只有设置了才会显示边框样式 text.borderStyle = UITextBorderStyleRoundedRect; typedef enum { UITextBorderStyleNone, UITextBorderS

ASP.NET 验证控件详解

body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;

GridView控件详解

一.介绍 GridView控件一表格形式显示数据源中的数据.提供对列进行排序.分页以及编辑.删除单个记录的功能. 二.绑定数据源 第一种使用DataSourceID属性.可以直接把GridView控件绑定到数据源控件上,以利用数据源控件的功能实现编辑.删除.排序.分页等功能.(初级) 第二种可以绑定到ADO.NET数据集和数据读取器对象上,但需要为所有功能编写后台代码.(一般使用这种方式) private void gridViewBind() { //获取GridView排序数据列及排序方向

UIScrollView —— 分页控件详解(三)——(第一讲)

1 . 所用知识 须知,要达到分页效果,所以会用到UIScrollView的ContentOffset属性,设置其UIScrollView分页移动位置,要有页码就用到了UIPageControl控件显示页码条,而且不要开始不要忘记了设置UIScrollView的属性ContentSize来设置其展示内容范围,要让UIScrollView达到分页效果,还要设置其属性pagingEnabled为YES. 2 . 案例详情 1> 在storyboard上拖拽一个UIScrollView和UIPageC

ListView控件详解

在Windows的资源管理器中,文件夹或文件信息可以分别以大图标或小图标的方式显示如图: 这样的洁面效果是如何实现的?这就要用到ImageList控件和ListView控件 ImageList控件的属性                  属                                   性                  说                                   明 Images 存储在图像列表中的所有图像 ImageSize 存储在图像列表

Swift编程中字符转为类,代码创建控件详解

在swift编程(http://www.maiziedu.com/course/ios/16-161/)中,我们都会遇到这样两个问题,如何把字符转为类和代码创建控件的方法,下面就具体讲解这两个知识点 在使用类之前要先获得 命名空间 通过json来获取 字符型的类名 然后创建类对象,这时候就要用到字符转类 // 从info字典中获取到 命名空间 转为字符型 let NS = NSBundle.mainBundle().infoDictionary!["CFBundleExecutable"

【PullToRefresh 系列一】 Android上拉加载下拉刷新控件详解

转载请注明:http://blog.csdn.net/duguang77/article/details/40921601 作者信息: PullToRefresh控件下载地址:https://github.com/chrisbanes/Android-PullToRefresh 作者:https://github.com/chrisbanes 百度网盘下载地址:http://pan.baidu.com/s/1o6umifw (一)导入方法: 1.下载后将extras,library,sample

Masonry 控件详解

1.   Masonry的属性 @property (nonatomic,strong,readonly)MASConstraint *left; //左侧 @property(nonatomic,strong,readonly) MASConstraint *top;//上侧 @property(nonatomic,strong,readonly)MASConstraint*right;//右侧 @property(nonatomic,strong,readonly)MASConstraint