扫描二维码访问HTML5报表

锐浪软件WEB报表开发工具(WEB报表插件与HTML5报表)

锐浪WEB报表工具包括报表插件与HTML5报表,支持各种WEB服务器与数据库。WEB报表插件运行在Windows系统,支持多浏览器。HTML5报表是跨平台报表工具,支持Windows、Linux、手机与IPAD等报表开发,HTML5报表无需安装插件。初次运行会自动下载安装WEB报表插件,或提示下载WEB报表插件。WEB报表开发相关资料与例子在锐浪报表Grid++Report6安装包中,WEB报表例子包括asp.net(c#,vb)、asp、php、jsp(java)。除了下面的例子报表,锐浪软件首页详细了解锐浪报表。锐浪报表插件支持多国语言,在启动时根据电脑设置自动选择匹配的界面语言,也可以专门指定界面语言,选择界面语言为:

一、各种格式报表演示

下面演示各种格式的报表,Grid++Report报表展现分两种模式:报表打印展现与报表查询展现。点击报表名称列下的链接文字进入对应报表的打印展现模式。点击图标[查询]列下的链接图标进入对应报表的查询展现模式。报表查询展现模式一般用于明细表格类的报表展现,以连续不分页的方式查阅报表数据。

各种基础报表

报表(打印预览) 查询显示 报表设计 HTML5 说明
1a.简单表格 [查询] [设计] [HTML5] 一个简单的表格报表。
1b.双层表头 [查询] [设计] [HTML5] 双层表头报表,明细网格标题行可以定义任意多层的表头。在设计器‘列标题布局...’界面中在设计时定义多层标头。
1c.锁定列 [查询] [设计] 明细网格锁定列,通过设定明细网格的“锁定列数(FixCols)”属性值为2,指定报表在查询显示时明细网格最左边的两列不进行水平滚动,总是显示在最左边。
1d.多栏报表 [设计] 多栏报表:通过定义明细网格的“页栏数(PageColumnCount)”属性报表的栏数。
1e.图像 [查询] [设计] 演示报表中图像的各种显示方式,以及内建系统图像与可复用的集合图像。
1f.表格中图像与文字 [查询] [设计] [HTML5] 演示报表中的混和显示文字与图像,将明细网格的内容格设为自由格,实现图像与文字的混合排列。
1g.条形码与二维码 [查询] [设计] 演示条形码与二维码,条形码数据将来自于关联的字段值。支持各种条常用的条形码与二维码。
1h.RTF格式文本 [设计] 演示RTF文本框,RTF文本框不仅能显示RTF格式数据,而且可以在文字中包含数据域,数据域在运行时会被替换为关联数据项的显示文字。
1i.演示部件框自动布局 [查询] [设计] 自动布局功能是开发自适应动态报表的重要方面。自动布局功能包括:停靠(Dock)、居中(Center)、对齐列(AlignColumn)、锚定(Anchor)。
1j.切分纸张 [设计] 演示切分纸张打印报表,通过定报表的‘页分割数(PageDevideCount)’属性定义切分纸张打印。
1k.明细自由编排 [查询] [设计] [HTML5] 将明细网格的标题格与内容格设为自由格,就可以像其它条幅式报表工具一样自由编排报表明细。
1l.交替色显示明细行 [查询] [设计] [HTML5] 用两种背景色交替显示明细行的背景,通过设置内容行的“交替背景色”属性实现。
1m.邮件标签 [设计] 演示邮件标签:应用分栏与自由格实现邮件标签。
1n.追加空白行 [设计] 演示在明细网格的空白区域追加空白行:通过定义明细网格的‘追加空白行(AppendBlankRow)’属性实现。
1o.文字绕行与自动伸展 [查询] [设计] 演示文字绕行和部件框与报表节的自动按内容多少进行伸展。
1p.文字缩小适应 [设计] 演示文字自动缩小适应输出区域,将全部内容完整显示出来。
1p.文字跨行显示 [查询] [设计] 实现表格中的文字另起新表格行显示,即超范围文字在本单元格内不绕行显示,而是在下一表格行继续显示。

分组报表

报表(打印预览) 查询显示 报表设计 HTML5 说明
2a.基本分组 [查询] [设计] [HTML5] 一个最基本的分组报表,定义一个分组,并定义分组的“依据字段”属性。
2b.依据多个字段分组 [查询] [设计] [HTML5] 根据多个字段进行分组的报表,多个分组字段之间用字符“;”隔开。
2c.多级分组 [查询] [设计] [HTML5] 演示定义多个分组实现多级分组报表。
2d.分组单元格合并 [查询] [设计] [HTML5] 演示占列式分组报表,占列式分组其分组头不占据单独的显示行,也就是表格分组单元格合并。
2e.自定义分组单元格合并 [查询] [设计] [HTML5] 演示占列式分组,合并单元格内容在分组头中专门定义。
2f.多级分组单元格合并 [查询] [设计] [HTML5] 演示多级分组占列式分组报表。
2g.页分组 [设计] 演示页分组,页分组在每个打印页面中产生一个分组项,不需要定义分组依据字段。查询显示时页分组被忽略掉。
2h.分组节显示列线 [查询] [设计] [HTML5] 在分组头与分组尾中显示列线,通过显示部件框的左右边框并采用对其列定位来实现。
2i.分组节不打印边框线 [查询] [设计] 将分组头尾的“打印输出边框”属性设为“否”,这样分组头尾左右两边的表格边框就不会输出。
2j.分组头新页重复 [设计] 演示分组头在新页中重复打印,设置分组头的“每页重复打印”属性。
2k.分组重启页号 [设计] 分组页号页数是在一个分组范围内计数页号与页数。
2l.分组按统计排序 [查询] [设计] [HTML5]

交叉报表

报表(打印预览) 查询显示 报表设计 HTML5 说明
3a.交叉表起步 [查询] [设计] [HTML5] 一个最基本的交叉报表。
3b.交叉表横向合计 [查询] [设计] [HTML5] 交叉表加上横向求和功能。
3c.交叉表纵向合计 [查询] [设计] [HTML5] 交叉表加上纵向求和功能。
3d.交叉表横向百分比 [查询] [设计] [HTML5] 交叉表横向求比重百分比。
3e.交叉表纵向百分比 [查询] [设计] [HTML5] 交叉表纵向求比重百分比。
3f.交叉表按日交叉 [查询] [设计] [HTML5] 按日交叉表,即通常所说的日报表。
3g.交叉表按月交叉 [查询] [设计] [HTML5] 按月交叉表,即通常所说的月报表。
3h.交叉表横向平均 [查询] [设计] [HTML5] 交叉表横向统计平均值。
3i.交叉表纵向单元格合并 [查询] [设计] [HTML5] 演示交叉表分组单元格合并功能。
3j.交叉表多数据列(1) [查询] [设计] [HTML5] 演示一个具有两个交叉数据列的交叉报表。
3k.交叉表多数据列(2) [查询] [设计] [HTML5] 演示一个具有两个交叉数据列的交叉报表。
3l.交叉表自定义统计 [查询] [设计] [HTML5] 演示一个按年月交叉的交叉报表。
3m.交叉表横向小计(1) [查询] [设计] [HTML5] 交叉表横向交叉项按类别进行分类,并据此产生按类别统计的数据。
3n.交叉表横向小计(2) [查询] [设计] [HTML5] 交叉表横向交叉项按类别进行分类,并据此产生按类别统计的数据,与上例区别在表头形式上。
3o.交叉表横向显示表格 [查询] [设计] 用交叉表实现表格数据的横向显示。
3p.交叉表按年月交叉 [查询] [设计] [HTML5] 根据年份与月份对数据进行交叉统计。
3q.日历报表 [查询] [设计] [HTML5] 类似日历一样的报表,用于展现每日的统计数据。

子报表

报表(打印预览) 查询显示 报表设计 HTML5 说明
4a.演示子报表 [设计] 示子报表,在一个主控报表中显示多个子报表,实现多个报表的集中展现。
4b.独立子报表 [设计] 独立子报表中每个子报表可以是不同的页面设置,可以导出到不同的Excel工作表。独立子报表的概念说明: 请参考帮助中的“开发指南->报表部件框应用->子报表”部分。
4c.子报表实现表中表 [设计] 演示在内容格中查入子报表实现表中表。[设计子报表1][设计子报表2]
4d.子报表主子关联 [设计] 演示主子报表之间如何自动传递参数,子报表中的参数会自动从主报表中同名的参数或记录集字段中取值。

各种常见类型报表

报表(打印预览) 查询显示 报表设计 HTML5 说明
5a.表达式运算 [查询] [设计] [HTML5] 演示用综合文字框实现运算表达式。
5b.显示行号序号 [查询] [设计] [HTML5] 演示用系统变量显示行号及各种序号,将内容格设为自由格并插入系统变量框。
5c.层高不等多层表头 [查询] [设计] 演示层高不等多层表头报表。
5d.文字方向与间距 [查询] [设计] 演示各种方式的文字方向与文字角度。
5e.HTML标签 [查询] [设计] 演示综合文字框支持的各种HTML标签,设置综合文字框的“支持HTML标签”属性为“是”可以开启HTML标签解析功能。
5f.无边框表格 [查询] [设计] 演示一个没有表格边框线的报表。
5g.无行线表格 [查询] [设计] 演示一个没有行线的表格报表,但标题行下显示一条水平分隔线,标题格为自由格,其中的静态框显示下边框。
5h.对齐列改进导出Excel [查询] [设计] 尽量采用对齐列方式定位部件框的水平位置,可以改善报表导出Excel等文件的效果。
5i.导航书签 [设计] 为报表的打印页面生成导航书签。
5j.财务金额线 [查询] [设计] 演示财务金额线与金额位标签的用法。
5k.标签文字 [查询] [设计] 演示文字在水平方向上拉宽或缩窄比例显示。
5l.伸展列适应文字 [设计] 演示表格列的宽度根据显示内容的多少自动加大宽度,让所有内容都完整显示出来。
5m.电子印章 [设计] 演示用浮动部件框实现电子印章,浮动部件框说明与应用请参考帮助文档的“设计报表->其它->浮动部件框”部分。
5n.水印背景 [设计] 演示在报表打印页面中显示水印背景图。通过报表主对象的 BackImage 或 BackImageFile 属性指定水印背景图。
5o.水印文字 [设计] 用浮动部件框实现水印文字,浮动部件框说明与应用请参考帮助文档的“设计报表->其它->浮动部件框”部分。

打印与票据套打

报表(打印预览) 查询显示 报表设计 HTML5 说明
6a.合同打印(单份_RTF) [查询] [设计] 用RTF文字框实现合同打印,合同中的动态数据域在运行时将被实际参数值替换。
6b.合同打印(多份_RTF) [设计] 用RTF文字框实现合同打印,合同中的动态数据域在运行时将被实际参数值替换。将RTF文字框定义在明细网格中,可以实现同时打印多份合同。
6c.合同打印(单份_综合文字框) [查询] [设计] 用综合文字框实现合同打印,合同中的动态数据域在运行时将被实际参数值替换。
6d.合同打印(多份_综合文字框) [设计] 用综合文字框实现合同打印,合同中的动态数据域在运行时将被实际参数值替换。将综合文字框定义在明细网格中,可以实现同时打印多份合同。
6e.发票套打 [设计] 演示发票与票据的套打,即在印刷好的票据的指定位置将数据精确定位输出。
6f.发票成批套打 [设计] 演示发票与票据的套打,对数据按单分组,实现一次打印多张票据。
6g.快递单套打 [设计] 演示快递单套打打印。
6h.支票套打 [设计] 演示支票套打打印,按照支票书写规范用报表脚本产生特殊的显示文字。
6i.多联票据 [设计] 演示单据在一张纸上重复打印,产生不同的联次,一联中还要控制显示的行数,超过的行在下一页继续显示。实现在非复写纸张上单据的多联打印。
6j.多联票据非复写纸 [设计] 演示单据在一张纸上重复打印,产生不同的联次,一联中还要控制显示的行数,超过的行在下一页继续显示。实现在非复写纸张上单据的多联打印。
6k.多背景图套打 [设计] 实现多页不同类型数据套打,且每页是不同的背景图。
6l.POS小票打印 [设计] 演示超市购物小票的打印。
6m.横向分页在一页 [设计] 报表横向分页打印时,如果数据量少,横向产生的打印数据合并在一页中显示。
6n.镜像页面边距 [设计] 演示报表左右页边距镜像功能,当双面打印报表时,让左右页边距按镜像方式产生,这样方便报表的装订。

报表脚本

报表(打印预览) 查询显示 报表设计 HTML5 说明
7-1a.脚本:追加空白记录 [查询] [设计] [HTML5] 在报表主对象的开始处理脚本上实现追加空白记录。
7-1b.脚本:设置特殊显示文字 [查询] [设计] [HTML5] 在字段的“获取显示文字脚本”中为字段设置特殊显示文字。在文字类部件框上也可以实现类似的功能。
7-1c.脚本:文字按条件突出显示 [查询] [设计] [HTML5] 在内容行的“格式化脚本”中实现文字按条件高亮显示。部件框的外观属性可以在其所处的报表节的格式化脚本上进行改变,这样可以根据不同的条件实现文字按不同的格式显示。
7-1d.脚本:整行突出显示 [查询] [设计] [HTML5] 在内容行的“格式化脚本”中实现当前行整行按条件高亮显示。
7-1e.脚本:两行显示一次行线 [查询] [设计] 实现按需显示表格的行线,将单元格改为自由格,然后在内容行的“格式化脚本”上按条件动态控制部件框的边框。
7-1f.脚本:页脚首页不显示 [设计] 实现报表封面页不显示页脚,在页脚的“格式化脚本”属性上写脚本,控制其在首页不显示。
7-1g.脚本:镜像页边距并奇偶页眉页脚 [设计] 当报表双面打印时,让页码信息始终显示在外侧。在格式化脚本中根据条件设置部件框的可见性。这里是通过取页号系统变量判断奇偶页。
7-1h.脚本.按条件隐藏数据行 [查询] [设计] [HTML5] 根据条件确定明细行是否显示。
7-2a.脚本:计算字段 [查询] [设计] [HTML5] 报表中可以插入计算字段,计算字段无实际数据源字段对应。在记录集的“提交记录前脚本”属性上写报表脚本,实现计算字段求值。
7-2b.脚本:累计求和(收发存) [查询] [设计] [HTML5] 用报表脚本实现计算收入支出数据的结存余额。
7-2c.脚本:占列分组不重复求和 [查询] [设计] [HTML5] 用报表脚本实现主表数据项求和,每项只求和一次。
7-2d.脚本:每页重复报表尾实现页小计 [设计] 用脚本在每页重复显示的报表尾中实现当前页小计统计。
7-3a.脚本:自绘突出行线 [查询] [设计] 用脚本自绘出加粗的表格行线。
7-3b.脚本:部件框自定义绘制 [查询] [设计] 演示部件框的自定义绘制功能。
7-3c.脚本:部件框自绘(饼图与弧线) [查询] [设计] 演示部件框的自定义绘制功能。
7-3d.脚本:图像自定义绘制 [查询] [设计] 在自绘部件框中绘制出多幅图像,可以根据条件绘制不同幅数的图像,图像的输出位置与大小也可以根据条件动态确定。
7-3e.脚本:自定义条件分组 [查询] [设计] [HTML5] 分组不是根据某一个或多个字段的值的变化产生,而是根据自定义的规则产生分组项,这里是根据值的范围产生不同的分组。
7-3f.脚本:按首字母分组 [查询] [设计] [HTML5] 按首字母进行分组。增加一个计算字段,在记录集的“提交记录前脚本”中将计算字段的值设为对应字段的首字母。
7-3g.脚本:表格续打(套打) [设计] 用报表脚本实现续打,根据每次打印的参数确定数据的起始打印位置,通过动态设置空白报表头的高度来实现数据起始位置的变化。

图表(Chart)

报表(打印预览) 查询显示 报表设计 HTML5 说明
8a.图表.序列组簇图 [查询] [设计] 各种序列组簇类型的图表,包括柱状图、饼图、连线图、混和图表、双轴图表等。
8c.图表.三维(3D) [查询] [设计] 各种3D图表等。

自由表格(FreeGrid)

报表(打印预览) 查询显示 报表设计 HTML5 说明
9a.自由表格 [查询] [设计] [HTML5] 用自由表格(FreeGrid)部件框制作一个人员档案自由表格。
9b.自由表格并明细网格 [查询] [设计] [HTML5] 用自由表格部件框与明细网格共同实现一个有动态明细数据的自由表格。

报表组件对象模型

报表(打印预览) 查询显示 报表设计 HTML5 说明
a0.报表组件对象模型 [查询] [设计] 用 Grid++Report 本身设计出其编程对象的组件对象模型图。

二、教程例子演示

基础起步

例子报表名称 简要说明 例子文件
打印显示报表 用打印显示器(PrintViewer)展现报表,即以打印预览的方式展现报表。 01.ViewReport/PrintViewReport.htm
查询显示报表 用查询显示器(DisplayViewer)展现报表,通常用来展现具有明细表格的报表。 01.ViewReport/DisplayViewReport.htm
直接打印与数据导出报表 不使用查询显示器与打印显示器展现报表,而是直接将报表打印输出或进行数据导出。 02.PrintDirect/PrintDirect.htm

多种方式提供报表数据

例子报表名称 简要说明 例子文件
仅提供明细记录数据(发票成批套打) 将约定格式的 XML 文本数据加载到报表的明细记录集中。 04.PrintInForm/InvoiceMany.htm
仅提供参数数据(支票打印) 为没有明细网格的报表提供 XML 数据,即将 XML 数据加载给报表中的参数与部件框。 04.PrintInForm/CheckDataFromServer.htm
同时提供明细记录与参数数据(发票单张套打) 向报表同时提供明细记录数据与参数数据,在服务器端将报表的明细记录数据与参数数据统一打包在一起。 04.PrintInForm/InvoiceOne.htm
按条件筛选报表数据 根据不同的过滤参数,获得不同的报表数据。 10.SummaryToDetail/Summary.htm
用JS代码加载报表参数(支票打印) 通过设置报表值,实现支票数据的打印。设计模板(调整打印位置) 04.PrintInForm/Check.htm
分批次获取报表数据 当用查询显示器展现报表时,可以分批次获取报表数据。分批获取报表数据适用于大数据量报表,加快报表展现的速度,并避免获取大量不用查看的数据。 11.BatchData/SQL_BatchData.htm

为子报表提供数据

例子报表名称 简要说明 例子文件
子报表载入数据 演示如何为一个报表中的多个子报表提供数据。 06.SubReport/SubReport.htm
为子报表实现的表中表载入数据 演示如何为表中表中的子报表提供数据,其中的子报表会在生成过程中多次请求数据,取主表参数或当前记录字段值作为子报表筛选数据的条件。 06.SubReport/SRGridInGrid.htm

为报表中的图表提供数据

例子报表名称 简要说明 例子文件
为报表中的图表提供数据 从服务器获取XML数据,并将数据加载到图表部件框中。 07.Chart/FillChartData.htm

报表插件各种功能特性应用

例子报表名称 简要说明 例子文件
自定义预览控件工具栏 隐藏工具栏上的某些按钮,增加自定义按钮并响应其执行事件。 08.CustomToolbar/CustomToolbar.htm
打印预览编辑与导航书签 开启报表打印预览时的数据可编辑功能,并显示报表导航书签。 01.ViewReport/PrintViewReportEx.htm
查询显示控件分页显示数据 查询显示器以分页方式显示表格数据,每页数据行数可以指定,也可以自动确定。 Misc/PageDisplay.htm
查询显示控件按列重排序数据 当用查询显示器展现报表时,可以通过点击表格列标题实现数据重排序。 Advance/ResortRegroup/ResortRegroup.htm
设置报表导出默认选项 在报表的 ExportBegin 事件中改变数据导出的选项参数。 03.Export/CustomExport.htm
显示进度条 在报表生成过程中显示进度条。 Misc/ShowProgress.htm
明细表格打印自适应策略 用不同的打印策略打印同一表格报表,得到不同的打印结果,如列宽自动缩放,横向分页等。 Misc/PrintAdapt.htm
报表中显示图像 在报表中显示图像,以多种方式载入图像数据。 05.Picture/Picture.htm

应用报表事件控制报表生成

例子报表名称 简要说明 例子文件
计算字段 1、在报表的BeforePostRecord事件中求计算字段值,2、用综合文字框的表达式实现计算字段。 Advance/CalcField/CalcField.htm
自定义条件分组 报表分组不能依据字段自动产生,而是按自定义条件产生分组。 Advance/CustomGroup/CustomGroup.htm
自定义汇总统计计算 不能用报表内部的统计函数直接求出统计值,而是在报表事件中实现统计值生成。 Advance/CustomSummary/CustomSummary.htm
负数红字显示 实现负数值的特殊显示,并在查询显示与打印显示时展现不同的结果。 Advance/RedNegativeText/RedNegativeText.htm
文字突出显示 在报表的SectionFormat事件中按条件改变显示外观属性,实现文字突出显示。 Advance/SectionFormat/SectionFormat.htm

编程动态定义报表

例子报表名称 简要说明 例子文件
编程定义报表模板 用程序代码定义出一个完整的报表模板。用报表设计程序可以设计出的报表,一样可以用程序代码定义出来。 Advance/Program/Program.htm
编程定义交叉表 Grid++Report本身具有交叉表功能,如果要实现特殊的交叉表,也可以通过编程定义出来。 Advance/CustomCrosstab/CustomCrosstab.htm
动态显示或隐藏表格列 通过参数实现列的显示与隐藏。 Advance/DynamicColumn/DynamicColumn.htm

各种杂项功能实现

例子报表名称 简要说明 例子文件
报表穿透查询(报表透视) 用报表查询显示器展现报表,通过响应鼠标事件实现从汇总报表穿透查询到对应明细报表,实现报表数据的追本溯源。 10.SummaryToDetail/Summary.htm
交叉报表穿透查询(报表透视) 用报表查询显示器展现交叉报表,当用鼠标双击一项交叉数据单元格时打开对应的明细报表,示范如何获取当前单元格的对应数据作为穿透查询的数据筛选条件。 10.SummaryToDetail/Crosstab.htm
表格选中列与超链接 在明细表格中增加一选中列,实现数据行选中与否标记;通过响应事件实现超链接功能。 Advance/ListCheckBox/ListCheckBox.htm
设定控件界面语言 切换控件的界面语言,并实时更新显示。在本页的上端可以设定界面语言,这样的方式实现在报表首页设定界面语言。 Misc/Multilanguage.htm

应用报表设计器设计报表

例子报表名称 简要说明 例子文件
设计报表 设一个新报表,并保存到服务器。 09.DesignReport/DesignReport.htm
设计一个新报表 设一个新报表,并保存到服务器。 09.DesignReport/DesignNewReport.htm