注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

_

_

 
 
 

日志

 
 

asp.net 多页打印的问题  

2014-07-31 21:15:15|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
asp.net 多页打印的问题
分类: .net 2012-10-17 14:58 428人阅读 评论(0) 收藏 举报
asp.netbuttonserverdivclassfunction
今天在开发项目过程中遇到了对记录需要多页打印的情况。先来说打印。打印比较简单,利用百度可以找到很多js的打印代码,我目前所用的打印代码也是从网上copy下来的,
[javascript] view plaincopyprint?
<script type="text/javascript">  
        function preview() {  
            var bdhtml = window.document.body.innerHTML;  
            var sprnstr = "<!--startprint-->";  
            var eprnstr = "<!--endprint-->";  
            var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);  
            var prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));  
            window.document.body.innerHTML = prnhtml;  
            window.print();  
            window.history.back(-1);  
        }  
    </script>  
<script type="text/javascript">
        function preview() {
            var bdhtml = window.document.body.innerHTML;
            var sprnstr = "<!--startprint-->";
            var eprnstr = "<!--endprint-->";
            var prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
            var prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
            window.document.body.innerHTML = prnhtml;
            window.print();
            window.history.back(-1);
        }
    </script>
其中,<!--startprint-->和<!--endprint-->作为打印内容的标记,将需要打印的代码放到这两个标记内,例如
[html] view plaincopyprint?
<div class="entry">  
        <div class="button">  
            <input type="button" value="打印" onclick="preview()" />  <asp:Button ID="reset"  
                runat="server" Text="返回" OnClick="reset_Click" />  
        </div>  
        <!--startprint-->  
        <rl:ppage ID="print" runat="server" />  
        <!--endprint-->  
    </div>  
<div class="entry">
        <div class="button">
            <input type="button" value="打印" onclick="preview()" />  <asp:Button ID="reset"
                runat="server" Text="返回" OnClick="reset_Click" />
        </div>
        <!--startprint-->
        <rl:ppage ID="print" runat="server" />
        <!--endprint-->
    </div>

这里需要说明的是,我已将需要打印的内容单独作为一个usercontrol来保存,这样方便页面管理。

下面来说一下分页。其实分页也很简单,只需要在需要分页的地方加入


[css] view plaincopyprint?
<style type="text\css">page-break-after:always</style>  
<style type="text\css">page-break-after:always</style>
前台代码:


[html] view plaincopyprint?
<div runat="server" id="ppage" style="page-break-after:always"></div>
  评论这张
 
阅读(316)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017