`
uule
  • 浏览: 6348587 次
  • 性别: Icon_minigender_1
  • 来自: 一片神奇的土地
社区版块
存档分类
最新评论

页面打印

 
阅读更多

两种方式,一种是在列表页面设置一个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>

 

..

 

 

分享到:
评论

相关推荐

    BS页面打印工具

    【BS页面打印工具】是一款专为用户定制的网页打印解决方案,尤其针对票据输出和报表工具设计,能够满足用户对网页内容个性化打印的需求,包括高效、精确地套打发票等复杂任务。这款工具使得用户不再受限于浏览器默认...

    网页打印问题集锦(页面设置、打印预览)

    网页打印问题集锦:页面设置与打印预览深入解析 在现代Web开发中,将网页内容打印成纸质报告或文档是常见的需求之一,尤其是在企业级应用、报表系统中更是不可或缺的功能。本文旨在深入探讨网页打印的技术细节,...

    手机网页打印,wap打印,手机打印,H5打印,H5手机打印,H5截屏,js 截屏,手机网页截屏

    在现代移动互联网时代,手机网页打印和截屏已经成为不可或缺的功能,尤其对于商务用户和需要将网页内容转化为纸质文档的人来说。本文将深入探讨“手机网页打印”、“WAP打印”、“手机打印”、“H5打印”以及相关的...

    网页打印去掉页眉页脚,以及控制不需要打印的内容

    网页打印是将网页内容输出到纸质媒介上的过程,而在实际操作中,我们有时希望去除不必要的页眉和页脚,或者对打印内容进行精确控制。在本文中,我们将深入探讨如何实现这一目标,主要关注如何在网页打印时去掉页眉...

    javascript网页打印设置

    本文将深入探讨如何使用JavaScript控制和自定义网页打印,包括页面布局、样式处理、排除不必要元素等内容。 首先,JavaScript提供了一个内置的`window.print()`方法,用于调用浏览器的打印功能。在网页中的任何地方...

    一款好用的网页打印工具.免费的咯.

    网页打印工具是日常工作中不可或缺的一部分,特别是在处理网页内容的整理和存档时。这款名为“PAZU”的工具因其免费且功能强大而受到推崇。它提供了便捷的方式,让用户能够高效地将网页内容转换为可打印格式,从而...

    JasperReports -- 客户端打印(WEB网页打印)

    **JasperReports -- 客户端打印(WEB网页打印)** JasperReports 是一个功能强大的开源报告生成库,广泛应用于Java应用程序中,用于创建复杂的报表和图表。它支持多种数据源,包括数据库查询、XML、CSV等,并且可以...

    利用javascript实现网页打印

    JavaScript是Web开发中的一种重要脚本语言,它允许开发者在客户端执行动态操作,包括与用户的交互、数据处理以及,如本题所示,实现网页打印功能。网页打印是将网页内容输出到打印机或创建PDF文档的过程,这对于用户...

    WEB页面打印excel报表

    在网页上打印Excel报表是Web应用中常见的需求,特别是在数据展示和分析的场景下。本文将详细介绍如何在WEB页面上实现Excel报表的打印,通过一个简单的示例来帮助开发者理解和应用这一技术。 首先,我们需要理解Web...

    网页打印控件测试

    因为个人最近需要用到web打印控件,所以将市面上所有网页打印控件拿来做了一些测试 评析~

    smsx控件实现网页打印

    smsx控件是一款专门用于网页打印的组件,它能够提供灵活的打印选项,包括自定义打印范围、页面设置等,使得网页内容能够在各种环境下得到高质量的打印效果。该控件通常以ActiveX或.NET的形式集成在网页中,适用于...

    jquery实现通用网页打印

    在“jquery实现通用网页打印”这个主题中,我们将深入探讨如何使用jQuery来实现在B/S(Browser/Server)架构的网页上进行打印功能,这在各种Web应用程序中都是一个常见的需求。 首先,理解基本的打印原理。在浏览器...

    网页打印功能的实现

    网页打印功能是Web开发中的一个重要组成部分,它允许用户将网页内容输出到物理媒介,如纸张或PDF文档,以便离线阅读、存档或分享。本文将深入探讨网页打印的实现,包括基本原理、相关技术和优化策略。 首先,我们要...

    实现网页打印(Lodop)

    网页打印在IT行业中是一项常见的需求,特别是在Web应用和企业信息化管理中。Lodop是一款功能强大的网页打印控件,它提供了便捷的JavaScript API,使得网页中的数据能够方便地被打印出来,无需用户下载任何插件。本文...

    vue页面打印插件,页面打印

    vue,页面打印插件

    C#网页打印代码示例

    在C#编程环境中,网页打印是一项重要的功能,尤其在企业级应用和网页应用程序中,它允许用户方便地将网页内容输出到打印机。本示例主要关注如何实现C#中的网页打印,包括源代码的实现、数据库设计以及相关文档的详细...

    printArea页面打印插件

    "PrintArea 页面打印插件"是一款专为网页设计和用户提供的实用工具,旨在优化网页内容的...对于开发者来说,掌握这种插件的使用不仅可以提升用户满意度,还能提高工作效率,特别是在需要处理大量网页打印需求的项目中。

    pc端页面打印插件.rar

    "pc端页面打印插件.rar" 提供的可能是一个专为个人计算机(PC)设计的网页打印解决方案,旨在优化和扩展默认的浏览器打印功能。这个压缩包可能包含了用于增强网页打印体验的软件或插件。下面将详细探讨相关的知识点...

    【JavaScript源代码】vue实现页面打印自动分页的两种方法.docx

    在Vue.js应用中,实现页面打印自动分页是常见的需求,尤其在处理大量数据或复杂的报表时。本文将介绍两种方法来实现这一功能,主要基于JavaScript。这两种方法都是通过自定义函数来处理打印过程,确保内容能正确地...

    网页打印 javascript

    网页打印在IT行业中是网页开发中的一个重要功能,它允许用户从浏览器中打印网页内容。JavaScript是一种广泛用于网页交互的编程语言,它可以用来控制和自定义网页打印的行为。在这个话题中,我们将深入探讨如何使用...

Global site tag (gtag.js) - Google Analytics