zoukankan      html  css  js  c++  java
  • 笔记0617

    1,

    本文介绍打印网页中某个GirdView的一种方法。主要思路是将GridView放在一个DIV中,然后将该DIV显示在新的网页中,并用window.print()方法来打印新打开的网页。

    先将GridView放在DIV中,此DIV就是打印区域。

    代码 
    
     <div id="PrintArea">
      <asp:GridView ClientIDMode="Static" ID="GV" runat="server" AutoGenerateColumns="False">
         <Columns>
             <asp:BoundField DataField="ID" HeaderText="ID" />
             <asp:BoundField DataField="Name" HeaderText="Name" />
         </Columns>
     </asp:GridView>        
     </div>

    然后写一个Javascript函数,它将打开一个新网页,并将指定DIV中的内容写入该网页,再打印该网页,打印完毕后关闭该网页。

     <script type="text/javascript" language="javascript">
     function PrintGridView()
    {
         // 打开一个新网页
         var newwindow = window.open('');
     
         // 将指定DIV中的内容写入该网页
         newwindow.document.write(document.getElementById('PrintArea').innerHTML);
         newwindow.document.close();
     
         // 打印该网页
         newwindow.focus();
         newwindow.print();
     
         // 打印完毕后关闭该窗口
         newwindow.close();
         return;
     }
    </script>

    调用该函数即可打印PrintArea中的GridView。

    1.2  js打印gridview 的代码,首先要把需要打印的gv放到一个div里面,具体代码如下

        <script type="text/javascript" language="javascript">
      
    function printPage(name) 
    {
        var newWin = window.open('printer','','');
        var titleHTML = document.getElementById("printdiv").innerHTML;
        newWin.document.write("<div style='font-size:large;font-weight:bold;text-align:center;'>"+name+"</div>");
        newWin.document.write(titleHTML);
        newWin.document.write("<div style='font-size:large;font-weight:bold;float:right'>打印时间:"+ new Date().toLocaleString()+"</div>");
        newWin.document.location.reload();
        newWin.print();
        newWin.close();
    }
        </script>
    <span style="font-size:18px;">打印按钮事件:</span>
    <asp:Button runat="server" ID="btnPrint" Text="打印" OnClientClick="printPage('违规信息表统计') " />

    2,

    <td style="height: 30px">
                                SMT &gt;&gt;计算</td>

    '&gt;'=='>'

  • 相关阅读:
    nodejs 核心模块crypto
    es6新特性学习
    nodejs 常用全局包
    ionic+angular+cordova 安卓环境搭建
    谷歌浏览器调试保存到文件
    Linux命令
    Linux中用户管理详解(上)-Linux学习日记
    liunx下忘记root密码的解决方法
    cvCanny的参数
    VC运行时库(/MD、/MT等)
  • 原文地址:https://www.cnblogs.com/jonson1126/p/3139698.html
Copyright © 2011-2022 走看看