easyui打印功能实现打印解决方案

最新推荐文章于 2025-10-09 14:59:28 发布

原创最新推荐文章于 2025-10-09 14:59:28 发布 · 1.2w 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#easyui打印 #jquery #jqprint #panel

jquery 同时被 2 个专栏收录

5 篇文章

订阅专栏

easyui 打印功能

1 篇文章

订阅专栏

本文介绍了如何利用jQuery插件jqprint与easyui的面板组件配合，实现网页内容的打印功能。通过在后台加载内容到隐藏的面板，然后调用jqprint方法打印指定区域，最后关闭面板。

部署运行你感兴趣的模型镜像

使用 jQuery打印插件jqprint 结合 easyui的面板 panel实现

实现：将需要打印的内容通过后台方法加载到页面中隐藏的panel中，然后调用jqprint的jqprint();打印这个区域，然后关闭\隐藏这个panel。

<!-- 定义一个打印区域 -->
<div id="printArea" closed="true"></div>
<a href="javascript:void" class="easyui-linkbutton" onclick="doPrint()">打印</a>

<script type="text/javascript" src="resources/js/jquery.jqprint-0.3.js"></script>
<script type="text/javascript" src="resources/js/jquery-migrate-1.1.0.min.js"></script><script type="text/javascript">

	// 执行打印
	function doPrint(){
		$('#printArea').panel({
			closed: false,
			href:'url',
			onLoad:function(){// 加载成功 （将请求url成功后返回的打印内容载入到这个panel中）
				$("#printArea").jqprint(); // 打印内容
			},
			onLoadError:function(){// 加载失败
				$.messager.alert('错误消息', '连接打印机失败请稍后重试', 'error');
			}
		});
		$('#printArea').panel('close');// 关闭打印区域
	};