easyui列印功能實現列印解決方案
阿新 • • 發佈：2019-01-08
實現：將需要列印的內容通過後臺方法載入到頁面中隱藏的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');// 關閉列印區域 };
</script>