ActiveReports 报表应用教程 (5)---解密电子商务领域首张电子发票的诞生(套打报表)

简介: 原文:ActiveReports 报表应用教程 (5)---解密电子商务领域首张电子发票的诞生(套打报表)6月27日京东商城发布了中国电子商务领域首张电子发票,同时宣布相关系统正式上线,这标志着中国电子商务的步伐又向前迈出了重要的一步。
原文: ActiveReports 报表应用教程 (5)---解密电子商务领域首张电子发票的诞生(套打报表)

6月27日京东商城发布了中国电子商务领域首张电子发票,同时宣布相关系统正式上线,这标志着中国电子商务的步伐又向前迈出了重要的一步。目前“电子发票”覆盖的服务范围是在北京地区购买图书、音像商品的个人消费者。消费者在进行指定品类网上消费时可选择开具普通纸质发票或电子发票。本文将揭秘如何通过 ActiveReports 报表实现电子发票的功能。

在使用 ActiveReports 报表控件实现发票打印、发货单打印、物流清单打印、商品条码印刷、员工工卡印刷之类的功能时,您只需在设计报表阶段加载套打纸作为报表背景图片,实际打印时仅将数据打印到套打纸的相应位置。

1、创建报表文件

创建报表,添加背景图片,并根据打印参数来显示或者隐藏背景图片

在工程中添加ActiveReports报表,报表模板选择【ActiveReports 7页面报表】,命名为rptInvoice.rdlx

ActiveReports 报表功能展示 页面报表

报表添加完成之后,在报表资源管理器中的【嵌入式图像】节点中添加增值税发票背景图片

ActiveReports 报表功能展示 页面报表

从VS工具箱中将 Image 控件添加到报表设计界面,并设置 Image 控件的值,如下所示:

ActiveReports 报表功能展示 页面报表

ActiveReports 报表功能展示 报表参数

添加完背景图片之后,我们在相应文字添加 TextBox 控件用于显示数据,最终得到的设计效果如下:

image_thumb7

2、自定义 WebViewer 控件

自定义 WebViewer 控件,在工具栏中添加【套打】按钮,当用户点击【套打】时运行报表(不显示背景图)并打印

在工程的ASPX页面中添加两个 WebViewer 控件,一个用于报表预览,一个用于报表打印. 添加完成之后设置两个WebViewer控件的ViewerType为FlashViewer,

并设置FlashViewerOptions中的UseClientApi为True.

在页面中添加以下 JavaScript ,用于报表的打印操作:

    <script language="javascript" type="text/javascript">
        var viewer, viewerforprint;
        var pages;
 
        window.onload = function () {
            GrapeCity.ActiveReports.Viewer.OnLoad("<%=WebViewer1.ClientID %>", function () {
                viewer = GrapeCity.ActiveReports.Viewer.Attach("<%=WebViewer1.ClientID %>");
                viewer.setEventsHandler({
                    OnToolClick: function (e) {
                        if (e.Tool == "套打") {
                            printreport();
                            return false;
                        }
                    },
                    OnLoadProgress: function (e) {
                        if (e.State == "Completed") {
                            pages = e.PageCount;
                        }
                    }
                });
            });
 
            GrapeCity.ActiveReports.Viewer.OnLoad("<%=WebViewer2.ClientID %>", function () {
                viewerforprint = GrapeCity.ActiveReports.Viewer.Attach("<%=WebViewer2.ClientID %>");
            });
        }
 
        function printreport() {
            var orient = "None";
            var scale = "None";
            var from = 1;
            var to = pages;
            var ops = viewerforprint.CreatePrintOptions();
            ops.AdjustPaperOrientation = orient;
            ops.ScalePages = scale;
            ops.ClearPageRanges();
            ops.AddPageRange(from, to);
 
            viewerforprint.Print(ops);
 
        }
 
    </script>

切换到ASPX后台代码视图, 添加以下代码在 WebViewer 工具栏中添加[套打]按钮:

    private void CustomizeToolbar()
    {
        // 隐藏打印范围按钮
        ToolBase btnRang = WebViewer1.FlashViewerToolBar.Tools["PageRangeButton"];
        btnRang.Visible = false;
 
        // 隐藏打印按钮
        ToolBase btnPrint = WebViewer1.FlashViewerToolBar.Tools["PrintButton"];
        btnRang.Visible = false;
 
        ToolButton btnCPrint = Tool.CreateButton("套打");
        btnCPrint.Caption = "套打";
        btnCPrint.ToolTip = "套打";
 
        WebViewer1.FlashViewerToolBar.Tools.Insert(0, btnCPrint);
    }

3、运行程序

ActiveReports 报表功能展示 报表套打 增值税发票

在线演示及源码下载地址:

http://www.gcpowertools.com.cn/products/activereports_demo.htm
ActiveReports 报表功能展示

目录
相关文章
|
6月前
|
供应链 小程序 测试技术
【开题报告】基于微信小程序的母婴商品仓储管理系统的设计与实现
【开题报告】基于微信小程序的母婴商品仓储管理系统的设计与实现
|
7月前
|
开发者
AppsFlyer 研究(十六)广告平台配置及代理商授权总结
AppsFlyer 研究(十六)广告平台配置及代理商授权总结
206 0
|
6月前
|
小程序 安全 前端开发
【开题报告】基于微信小程序的校园订餐平台的设计与实现
【开题报告】基于微信小程序的校园订餐平台的设计与实现
491 0
|
6月前
|
小程序 搜索推荐 数据挖掘
【开题报告】基于微信小程序的电子产品商城的设计与实现
【开题报告】基于微信小程序的电子产品商城的设计与实现
605 0
|
10月前
|
小程序 图形学
课程设计项目——基于3D建模技术的车位在线销售平台(移动端)
课程设计项目——基于3D建模技术的车位在线销售平台(移动端)
课程设计项目——基于3D建模技术的车位在线销售平台(移动端)
|
5月前
|
消息中间件 缓存 运维
云HIS信息管理系统源码 支持一体化电子病历四级
云HIS信息管理系统源码 支持一体化电子病历四级
56 0
|
6月前
|
小程序 搜索推荐 前端开发
【开题报告】基于微信小程序的旅游攻略分享平台的设计与实现
【开题报告】基于微信小程序的旅游攻略分享平台的设计与实现
148 0
|
数据库 数据安全/隐私保护
电子商务(电销)平台中系统设置模块(SysSetting)数据库设计明细
原文:电子商务(电销)平台中系统设置模块(SysSetting)数据库设计明细 以下是自己在电子商务系统设计中的数据库设计经验总结,而今发表出来一起分享,如有不当,欢迎跟帖讨论~ 邮件服务器 (sys_smtp_server)|-- 自动编号|-- SMTP服务器地址 (host)|-- 端口号 ...
2152 0
捷信达酒店管理系统使用说明-系统界面
系统界面: 为了用户操作方便,系统通过屏幕将各功能没款像菜单一样显示出来,待用户查看和操作。  Gshis系统主界面 界面组成(上图)包括: 主菜单。系统的功能在主菜单上得到了充分的体现。
2393 0
|
数据安全/隐私保护
捷信达酒店管理系统使用说明
捷信达酒店管理系统使用说明下载地址: 链接:https://pan.baidu.com/s/1VHNneqEmIB9yibZ0VSlWvA 密码:ilr7    网名:浩秦; 邮箱:root#landv.pw; 只要我能控制一個國家的貨幣發行,我不在乎誰制定法律。
2273 0