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>

  • 相关阅读:
    使用highcharts.js插件,在ie7浏览器、文本模式为quirks模式下,鼠标移动到折线图中时,弹出框有拖影现象的解决办法
    【转载】Redis在windows下安装过程
    Asp.Net Mvc+Localdb数据库项目在IIS部署的配置
    C# 反射只获取自己定义的属性,不获取父类的属性
    【转载】C#根据当前时间获取周,月,季度,年度等时间段的起止时间
    excel导入sql server 文本被截断,或者一个或多个字符在目标代码页中没有匹配项 错误处理
    一个表中的字段值用作另一个表的In查询条件
    解决UEditor将div标签换成p标签的问题
    将table中的值转换成json格式传到后台接收处理。
    EF CodeFirst 命令步骤
  • 原文地址:https://www.cnblogs.com/weiyu11/p/7575783.html
Copyright © 2011-2022 走看看