zoukankan      html  css  js  c++  java
  • js 实现打印功能1

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BTBW_fahuo.aspx.cs" Inherits="lxl_HXYRK_BTBW_fahuo" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>板头板尾发货记录</title>
    <link href="../css/myc.css" rel="stylesheet" type="text/css" />
    <script src="../css/Publicfun.js" type="text/javascript"></script>
    </head>
    <body style="background:#E2E5E6;">
    <form id="form1" runat="server">
    <div style="background:white;margin-left:5px;margin-right:5px;margin-top:5px;border:1px solid black;">

    <div style="color: #000;font-size:14px;">
    <div>
    <img src="../images/top.jpg" />
    <span id="zy" style=" auto; margin-left: 40%; height: 100px; text-align: center;
    color: #000; font-weight: bold; font-size: 20px; line-height: 50px;">板头板尾发货记录
    </span>
    </div>
    <div style="margin-bottom:10px;">
    <span>欢迎<asp:Label ID="Label1" runat="server" Text="保管"></asp:Label>的到来!</span>
    </div>
    <div>
    出库单号:<asp:TextBox
    ID="TextBox4" runat="server" BorderWidth="1px"></asp:TextBox>
    &nbsp;
    客户名称:<asp:TextBox ID="TextBox1" runat="server" BorderWidth="1px" ></asp:TextBox>&nbsp;出库类型:&nbsp;<asp:TextBox
    ID="TextBox5" runat="server"></asp:TextBox>&nbsp;产品名称:<asp:TextBox ID="TextBox6"
    runat="server"></asp:TextBox>出库日期:从&nbsp; <asp:TextBox ID="TextBox2"
    runat="server" BorderWidth="1px" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"></asp:TextBox>
    &nbsp;到&nbsp; <asp:TextBox ID="TextBox3" runat="server" BorderWidth="1px" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"></asp:TextBox>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <asp:Button
    ID="Button1" runat="server" CssClass="BigButton"
    Text="查询" />
    <asp:Button ID="Button2" runat="server" BorderStyle="Groove"
    Text="导出excel" CssClass="BigButton" />



    <%-- <a href="javascript:window.print()" rel="external nofollow" target="_self">打印单据</a>--%>
    <a href="#" id="da">打印</a>
    </div>
    <div style="100%;height:30px;"></div>

    </div>
    <div style="margin-bottom:20px;99%;margin-left:0.5%;">
    <!--startprint-->
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
    Width="100%" CssClass="TableBlock" BorderColor="Black" EmptyDataText="暂无记录">
    <Columns>
    <asp:BoundField DataField="ck_id" HeaderText="出库编号" SortExpression="rk_id" />
    <asp:BoundField DataField="客户名称" HeaderText="客户名称" SortExpression="客户名称" />
    <asp:BoundField DataField="产品名称" HeaderText="产品名称"
    SortExpression="产品名称" />
    <asp:BoundField DataField="计量单位" HeaderText="计量单位"
    SortExpression="计量单位" />
    <asp:BoundField DataField="数量" HeaderText="数量"
    SortExpression="数量" />
    <asp:BoundField DataField="类型" HeaderText="出库类型"
    SortExpression="入库类型" />
    <asp:BoundField DataField="出库日期" HeaderText="出库日期"
    SortExpression="入库日期" DataFormatString="{0:yyyy-MM-dd}" />
    <asp:BoundField DataField="制单日期" HeaderText="制单日期" SortExpression="制单日期" />
    </Columns>
    <HeaderStyle Font-Size="9pt" CssClass="TableHeader" />
    <RowStyle Font-Size="9pt" HorizontalAlign="Center" VerticalAlign="Middle"
    BorderColor="Black" />
    </asp:GridView>
    <!--endprint-->
    <div style="100%;height:20px;"></div>
    </div>
    </div>
    </form>
    </body>
    </html>
    <script src="../css/My97DatePicker/WdatePicker.js" type="text/javascript">

    </script>
    <script src="../JS/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">

    $("#da").click(function () {

    preview();

    });

    function preview() {
    var bdhtml = window.document.body.innerHTML; //获取当前页的html代码
    var startStr = "<!--startprint-->"; //设置打印开始区域
    var endStr = "<!--endprint-->"; //设置打印结束区域
    var printHtml = bdhtml.substring(bdhtml.indexOf(startStr) + startStr.length, bdhtml.indexOf(endStr)); //从标记里获取需要打印的页面
    window.document.body.innerHTML = printHtml; //需要打印的页面
    window.print();
    window.document.body.innerHTML = bdhtml; //还原界面
    }

    </script>

  • 相关阅读:
    spring mvc EL ModelAndView的 Model 值 在jsp中不显示
    maven修改本地仓库,远程仓库与中央仓库
    Maven 手动添加 JAR 包到本地仓库
    Maven项目的结构分析
    Maven 构建配置文件
    SVN使用出现的问题及解决方案
    Eclipse中SVN的安装步骤(两种)和使用方法
    Eclipse SVN 使用教程
    svn使用教程总结
    eclipse下配置安装ssm图文教程(web版)
  • 原文地址:https://www.cnblogs.com/weiyu11/p/7575783.html
Copyright © 2011-2022 走看看