使用Lodop进行web 打印(jatoolsPrinter,墙外打印控件楚琳Web打印控件)

最新推荐文章于 2021-03-25 06:47:20 发布

蝶恋花雨

最新推荐文章于 2021-03-25 06:47:20 发布

阅读量1w

点赞数 1

分类专栏：その他文章标签： Lodop 墙外打印控件楚琳Web打印杰表.打印控件 jatoolsPrinter

本文链接：https://blog.csdn.net/kongwei521/article/details/17607183

版权

その他专栏收录该内容

28 篇文章 4 订阅

订阅专栏

WEB控件Lodop自2007年开始发布，目前是国内注册用户和免费用户最多的打印控件，是WEB开发中比较彻底的打印方案。控件支持windows下所有的浏览器，功能强大，使用方便，被支持者称为打印控件的“终结者”。

Lodop下载地址http://mtsoftware.v053.gokao.net/download.html

1：下载解压提取

LodopFuncs.js install_lodop32.exe install_lodop64.exe根据你系统版本来选择

前台：

引用JS

<script src="js/LodopFuncs.js"></script>
<head id="Head1" runat="server">
<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" pluginspage="install_lodop32.exe"></embed>
	</object>
</head>

下面的代码放在最下面以免LODOP_OB没加载进来运行会报错

<script>
			var LODOP; //声明为全局变量
			function PrintPreview() 
			{	
				CreateOneFormPage();
				LODOP.PREVIEW();	
			};	
			function CreateOneFormPage()
			{	
				var splitData = $("<table class=\"TableFrame\" cellspacing=\"0\" id=\"stockInfo\" style=\"width: 817px;display:block\">"+
document.getElementById("stockInfo").innerHTML+"</table>");
				LODOP=getLodop(document.getElementById('LODOP_OB'),document.getElementById('LODOP_EM'));  
				LODOP.PRINT_INITA(0,0,820,600,"打印任务名");
				LODOP.ADD_PRINT_TEXT(34,322,170,38,"出库明细单");
				LODOP.SET_PRINT_STYLEA(0,"FontSize",24);
				var strStyle="<style>.only_print_hide{display: none;}.only_leftstyle{border-left: 1px solid #9A9997;}</style>
<link href='css/StyleSheet1.css' rel='stylesheet' />"
				LODOP.SET_SHOW_MODE("HIDE_PAPER_BOARD",1);
				LODOP.ADD_PRINT_TABLE(128,0,"100%",250,strStyle+splitData[0].outerHTML);
			}
			function PrintDirect()
			{
				CreateOneFormPage();
				LODOP.PRINT();
			}
			function SelectPrint()
			{
				CreateOneFormPage();
				LODOP.PRINTA();
			}
		</script>

打印按钮

<inputtype="button"id="Button1"value="打印预览"onclick="PrintPreview()"/>

<inputtype="button"id="Button2"value="打印设置"onclick="SelectPrint()"/>

<inputtype="button"id="Button3"value="直接打印"onclick="PrintDirect()"/>

效果图：