天天看点

DIFramework.NET ━ Web中打印的各种方案参考-欢迎补充

  RDIFramework.NET ━ Web中打印的各种方案参考-欢迎补充

  

  做Web开发的同志应该都深有体会,在web程序中打印不再象应用程序中那样便于控制了,web程序天生的一些特性造成了这个缺点,如:打印机在本地,而文件确可能在服务器上;格式如何控制和定制等等,都给我们开发中带来了很多问题,当然有了问题就会有人来研究解决,这里我先对目前流行的几种方式做个简单介绍:

  这个不用多说,直接调用window.print或者webrower控件的ExecWB方法来打印。方便快捷,客户端无需任何设置即可。利用一些办法也可以实现简单的定制,比如做一个模板htm文件,然后在js中动态创建一个隐藏帧来,用脚本来生成其中的数据,再把最后的结果文件写入到隐藏帧打印处理。如果处理的好,实际上效果也是不错,对于简单的打印需求应该是够了。比如下面的这个实现,我们要打印待办任务,如下图所示:

DIFramework.NET ━ Web中打印的各种方案参考-欢迎补充

  用户单击打印按钮,即可弹出打印效果,如下图所示:

DIFramework.NET ━ Web中打印的各种方案参考-欢迎补充

  实现上面的效果非常的简单,这对简单的要求不高的打印非常有用。实现方式如下,首先我们需要设置一个我们要打印的范围,如下面代码: 

1

2

3

<code> </code><code>&lt;!--startprint--&gt;</code> 

<code> </code><code>&lt;</code><code>table</code> <code>id</code><code>=</code><code>"list"</code><code>&gt;&lt;/</code><code>table</code><code>&gt;    </code>

<code> </code><code>&lt;!--endprint--&gt;</code>

上面的Id=List是我们数据展示的区域,这样用户单击时就可以打印这个范围内的数据,打印代码如下:

4

5

6

7

8

9

10

11

<code>$(</code><code>'#btnPrint'</code><code>).click(</code>

<code>       </code><code>function</code> <code>preview() {</code>

<code>           </code><code>var</code> <code>bdhtml = window.document.body.innerHTML;</code>

<code>           </code><code>var</code> <code>sprnstr = </code><code>"&lt;!--startprint--&gt;"</code><code>;</code>

<code>           </code><code>var</code> <code>eprnstr = </code><code>"&lt;!--endprint--&gt;"</code><code>;</code>

<code>           </code><code>var</code> <code>prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);</code>

<code>           </code><code>prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));</code>

<code>           </code><code>window.document.body.innerHTML = prnhtml;</code>

<code>           </code><code>window.print();</code>

<code>           </code><code>window.history.go(0);</code>

<code>       </code><code>});</code>

  水晶报表我相信做.NET开发的朋友都有听过,水晶报表有很多优点,比如:快速的报表开发、能够导出成为复杂的交互性图表 、可以与其它控件一起在WebForm中使用 、能够动态地将报表导出成为.pdf,.doc,xls,html,rtf等多种格式。如何制作水晶报表网上有很多现成的文章可以供参考,这儿就不介绍了。下面我们用水晶报表来做打印的实现。效果图如下,我们要打印产品管理的数据,如下图所示:

DIFramework.NET ━ Web中打印的各种方案参考-欢迎补充

  我们单击打印,即可打印产品管理报表,如下图所示: 

DIFramework.NET ━ Web中打印的各种方案参考-欢迎补充

  代码非常的简单,先要制作好水晶报表(报表的数据源可以为DataTable,也可以是实体),如何制作可以参考相关的文章,网上很多。制作好后,新建一个WebForm页面,将CrystalReportViewer添加到页面中,再指定其对应的报表即可,再加上下面这段代码,一个简单的报表就完成了。

12

13

<code>        </code><code>protected</code> <code>void</code> <code>Page_Load(</code><code>object</code> <code>sender, EventArgs e)</code>

<code>        </code><code>{</code>

<code>            </code><code>if</code> <code>(!Page.IsPostBack)</code>

<code>            </code><code>{</code>

<code>                </code><code>DataTable dtReportData = </code><code>new</code> <code>DataTable(</code><code>"dsProductInfo"</code><code>);</code>

<code>                </code><code>IDbProvider dbProvider = DbFactoryProvider.GetProvider(SystemInfo.RDIFrameworkDbConection);</code>

<code>                </code><code>dtReportData =dbProvider.Fill(</code><code>"SELECT TOP 100 PRODUCTCODE,PRODUCTNAME,PRODUCTMODEL,PRODUCTSTANDARD,PRODUCTUNIT,PRODUCTPRICE,PRODUCTDESCRIPTION FROM "</code> <code>+CASE_PRODUCTINFOTable.TableName);</code>

<code>                </code><code>ReportDataSource rds = </code><code>new</code> <code>ReportDataSource(</code><code>"dtCaseProductInfo"</code><code>, dtReportData);</code>

<code>                </code><code>ReportViewer1.LocalReport.DataSources.Clear();</code>

<code>                </code><code>ReportViewer1.LocalReport.DataSources.Add(rds);</code>

<code>                </code><code>ReportViewer1.LocalReport.Refresh();</code>

<code>            </code><code>}</code>

<code>        </code><code>}</code>

  jqprint,一个通过单击页面按钮,便实现页面打印的jQuery插件jqprint。jqprint的使用方法非常的简单,但比我们介绍的方法一更好用一些,更专业一些。要使用jqprint,首先要引用相应的js文件。

<code>&lt;</code><code>script</code> <code>language</code><code>=</code><code>"javascript"</code> <code>src</code><code>=</code><code>"jquery-1.4.4.min.js"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code>

<code>&lt;</code><code>script</code> <code>language</code><code>=</code><code>"javascript"</code> <code>src</code><code>=</code><code>"jquery.jqprint-0.3.js"</code><code>&gt;&lt;/</code><code>script</code><code>&gt;</code>

    比如,我们要打印如下html的内容:

<code>&lt;</code><code>div</code> <code>id</code><code>=</code><code>"ddd"</code><code>&gt;</code>

<code>    </code><code>&lt;</code><code>table</code><code>&gt;</code>

<code>        </code><code>&lt;</code><code>tr</code><code>&gt;</code>

<code>            </code><code>&lt;</code><code>td</code><code>&gt;test&lt;/</code><code>td</code><code>&gt;</code>

<code>        </code><code>&lt;/</code><code>tr</code><code>&gt;</code>

<code>    </code><code>&lt;/</code><code>table</code><code>&gt;</code>

<code>&lt;/</code><code>div</code><code>&gt;</code>

     只需调用这行代码即可实现:

<code>$(</code><code>"#ddd"</code><code>).jqprint();</code>

  下面我们打印一个复杂一点的,打印角色列表,效果果如下所示:  

DIFramework.NET ━ Web中打印的各种方案参考-欢迎补充

  单击打印按钮,打印效果如下图所示:

DIFramework.NET ━ Web中打印的各种方案参考-欢迎补充

  1、我们可以使用导出Excel或PDF等方式来进行打印。

  2、使用商业打印控件进行打印,如Grid++ Report控件。

       3、lodop打印控件。

本文转自yonghu86 51CTO博客,原文链接:http://blog.51cto.com/yonghu/1600936,如需转载请自行联系原作者

继续阅读