两种方式,一种是在列表页面设置一个iframe,然后从ifrmae进入打印页面时,打印页面调用window.print()打印,一种是在列表页面调用,替换列表页面内容,打印后换回。
打印方式1
前台:
<a href="javascript:void(0)" onclick="printOrder(${cc.getLongValue('stock_in_order_id')?c})">打印订单</a> function printOrder(id){ var ifr = document.getElementById("stockOutOrderFrm"); ifr.src = "/stockin/printStockinOrder.do?stock_in_order_id="+id; } <!-- 放在文件最后 </script>后面 --> <div id="printDiv" style="display: none" > <iframe src="" id="stockOutOrderFrm" name="stockOutOrderFrm" height="100%" width="100%" frameBorder="0" /> </div>
后台:
<action name="printStockinOrder" class="com.stockin.StockInOrderAction" method="printOrder"> <result type="freemarker">/WEB-INF/ftl/stockin/printStockInOrder.ftl</result> </action> public String printOrder(){ /** * 获取数据 */ return SUCCESS; }
页面:
printStockInOrder.ftl
<script type="text/javascript"> $(document).ready(function(){ if (confirm('确定打印吗?')) { window.print(); } }); </script> <div id="dialog_zone"> <#if stockinGoods?exists > <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="b5d6e6"> <tr><th colspan="10">商品列表</th></tr> <tr align="center" background="../images/bg.gif" class="STYLE1" height="22"> <th>商品编号 </th> <th>商品名称</th> <th>预计到货数量</th> <th>单价</th> </tr> <#list stockinGoods?if_exists as cc> <tr height="20" align="center" bgcolor="#FFFFFF" class="STYLE1"> <td><@getStringValue cdo=cc col='product_code'/> </td> <td><@getStringValue cdo=cc col='product_name'/></td> <td><@getStringValue cdo=cc col='plan_in_quantity'/></td> <td><@getStringValue cdo=cc col='product_price'/></th> </tr> </#list> </table> </#if> </div>
打印方式2
前台:
<a href="javascript:void(0)" style="padding: 0 0 0 5px;" onclick="printOrder(${cc.getLongValue('lStockInOrderId')?c})">打印入库单</a> function printOrder(lStockInOrderId){ $.get('/stockin/printOrder.do',{ lStockInOrderId:lStockInOrderId, iddd:Math.random() },function(data){ if(data != ""){ var oldstr = document.body.innerHTML; window.document.body.innerHTML=data; window.print(); document.body.innerHTML = oldstr; window.location.href = "/stockin/toSearchOrder.do?nPageIndex="+nPageIndex; } }); }
后台:
<action name="printOrder" class="com.stockin.StockInOrderAction" method="printOrder"> <result name="success" type="freemarker">/WEB-INF/ftl/stockin/printOrder.ftl</result> </action> public String printOrder(){ /** * 获取数据 */ return SUCCESS; }
页面:
printOrder.ftl:
<#include "/WEB-INF/ftl/common.ftl"> <div id="wrap" class="wrap_out"> <div class="title clearfix"> <h2 style="padding-left:475px;">入库单</h2> <div class="logo"> <img src="/img/logo.png" alt=""> </div> </div> <div class="order clearfix"> <div class="date clearfix"> <p class="a1">采购订单号:${strPurchaseOrderCode}</p> <p class="a2">收货日期:${stockInOrder.getStringValue('dtCreateTime')?substring(0,10)}</p> </div> <div class="date clearfix"> <p class="a1">供应商名称:<@getStringValue =stockInOrder col='strCustomerName'/></p> <p class="a3">电话:<@getStringValue =stockInOrder col='strrphone'/></p> </div> <div class="date clearfix"> <p class="a1">手机:<@getStringValue =stockInOrder col='strPhone'/></p> </div> </div> <div class="table"> <table style="width: 100%"> <tr> <th width="3%">序号</th> <th width="14%">条码</th> <th width="21%">品名</th> <th width="4%">规格</th> <th width="7%">类别</th> <th width="10%">有效期/年份</th> <th width="6%">数量</th> <th width="20%">库位</th> <th width="15%">备注</th> </tr> <#if stockinGoods?exists && stockinGoods?size gt 0 > <#list stockinGoods as ct> <tr> <td>${ct_index+1}</td> <td><@getStringValue =ct col='strProductCode'/></td> <td><@getStringValue =ct col='strProductName'/></td> <td><@getStringValue =ct col='strProductPackAttrName'/></td> <td><@getStringValue =ct col='strName'/></td> <td><@getStringValue =ct col='dtShelfLife'/></td> <td><@getStringValue =ct col='nQuantity'/></td> <td></td> <td></td> </tr> </#list> </#if> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td>合计</td> <td>${totalCount }</td> <td></td> <td></td> </tr> </table> </div> </div>
..
相关推荐
因为个人最近需要用到web打印控件,所以将市面上所有网页打印控件拿来做了一些测试 评析~
网页打印去掉页眉页脚,以及控制不需要打印的内容。源代码
vue实现页面打印自动分页的两种方法 本文实例为大家分享了vue实现页面打印自动分页的具体代码,供大家参考,具体内容如下 一、通过ref方式获取元素进行打印 1.封装一个js文件 // 打印类属性、方法定义 /* ...
源代码:javascript网页打印设置
一款好用的网页打印工具.关键是免费的,功能非常强大,各位用用咯.
Chrome插件,支持打印网页、网页节选内容转PDF 两大功能,使用时可以轻松去除网页中不需要的内容
网页打印
实现网页打印(Lodop) 实现网页打印(Lodop) 实现网页打印(Lodop)
我们在开发web报表时,经常需要将网页中的报表打印下来
主要是通过smsx控件实现网页打印,已通过测试,有使用说明,
页面打印设置,直接运行就OK了页面打印设置
jquery网页打印控件制作页面局部打印文本效果 jquery网页打印控件制作页面局部打印文本效果
这是一款基于jquery实现页面打印可局部打印特效代码,网页打印插件jQuery.PrintArea下载。
利用JQuery的JQprint-0.3.js实现页面打印功能
js实现的网页打印效果,本人亲自编写。在谷歌浏览器下亲测可用,欢迎下载!
利用javascript在网页上实现打印的方法,可以设置分页等页面设置。
一个简单的页面打印excel示例希望对大家的开发有所帮助,简单异常简单的小例子。
本示例中提供详细的代码,数据库设计,还有详细的文档。下载之后可以参照进行兼容所有浏览器的网页打印的开发。
网页打印控件 web打印
期刊查证“网页打印件”查询步骤.pdf