WEB报表客户端演示 WEB报表客户端例子 - 锐浪报表开发工具Grid++Report6锐浪WEB报表开发包括报表插件、HTML5报表、报表服务器与报表客户端，同一报表模板与报表数据提供程序可以为这四种WEB报表开发方式共用，可以非常容易的从一种开发方式切换到另一种，点击进一步了解锐浪WEB报表。WEB报表支持各种WEB服务器与操作系统，支持任意形式的数据源，而不局限于关系数据库。WEB报表开发相关资料与例子在锐浪报表Grid++Report6安装包中，WEB报表例子包括asp.net(c#,vb)、asp、php、jsp(java)。访问锐浪软件首页详细了解锐浪报表。
官方网站例子演示：
WEB报表插件HTML5报表WEB报表服务器WEB报表客户端锐浪报表客户端是在网页中通过URL协议启动的客户端本地程序,其从WEB服务器上获取报表模板与报表数据，并进行报表的生成，从而实现报表打印、打印预览与数据导出等功能。进一步了解WEB报表客户端。
特别提示：每个客户端电脑必须安装一次WEB报表客户端程序。如果执行相关任务没有响应，请 下载WEB报表客户端 ，下载完成后运行此程序进行安装。
查看WEB报表客户端教程例子。
一、各种格式报表演示下面演示各种形式的报表在WEB报表客户端的生成，报表模板与数据来自WEB服务器，报表生成运行由本地程序实现。点击各个图标执行对应的报表功能。
各种基础报表报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明1a.简单表格grf/1a.grf/data/DataCenter.ashx?data=Customer一个简单的表格报表。1b.双层表头grf/1b.grf/data/DataCenter.ashx?data=Customer双层表头报表，明细网格标题行可以定义任意多层的表头。在设计器‘列标题布局...’界面中在设计时定义多层标头。1c.锁定列grf/1c.grf/data/DataCenter.ashx?data=Customer明细网格锁定列，通过设定明细网格的“锁定列数(FixCols)”属性值为2，指定报表在查询显示时明细网格最左边的两列不进行水平滚动，总是显示在最左边。1d.多栏报表grf/1d.grf/data/DataCenter.ashx?data=Customer多栏报表：通过定义明细网格的“页栏数(PageColumnCount)”属性报表的栏数。1e.图像grf/1e.grf演示报表中图像的各种显示方式，以及内建系统图像与可复用的集合图像。1f.表格中图像与文字grf/1f.grf/data/DataCenter.ashx?data=Picture演示报表中的混和显示文字与图像，将明细网格的内容格设为自由格，实现图像与文字的混合排列。1g.条形码与二维码grf/1g.grf/data/DataCenter.ashx?data=Customer演示条形码与二维码，条形码数据将来自于关联的字段值。支持各种条常用的条形码与二维码。1h.RTF格式文本grf/1h.grf/data/DataCenter.ashx?data=RTFSample演示RTF文本框，RTF文本框不仅能显示RTF格式数据，而且可以在文字中包含数据域，数据域在运行时会被替换为关联数据项的显示文字。1i.演示部件框自动布局grf/1i.grf/data/DataCenter.ashx?data=Customer自动布局功能是开发自适应动态报表的重要方面。自动布局功能包括：停靠(Dock)、居中(Center)、对齐列(AlignColumn)、锚定(Anchor)。1j.切分纸张grf/1j.grf/data/DataCenter.ashx?data=Customer演示切分纸张打印报表，通过定报表的‘页分割数(PageDevideCount)’属性定义切分纸张打印。1k.明细自由编排grf/1k.grf/data/DataCenter.ashx?data=Customer将明细网格的标题格与内容格设为自由格，就可以像其它条幅式报表工具一样自由编排报表明细。1l.交替色显示明细行grf/1l.grf/data/DataCenter.ashx?data=Customer用两种背景色交替显示明细行的背景，通过设置内容行的“交替背景色”属性实现。1m.邮件标签grf/1m.grf/data/DataCenter.ashx?data=Customer演示邮件标签：应用分栏与自由格实现邮件标签。1n.追加空白行grf/1n.grf/data/DataCenter.ashx?data=AppendBlankRow演示在明细网格的空白区域追加空白行：通过定义明细网格的‘追加空白行(AppendBlankRow)’属性实现。1o.文字绕行与自动伸展grf/1o.grf/data/DataCenter.ashx?data=Categories演示文字绕行和部件框与报表节的自动按内容多少进行伸展。1p.文字缩小适应grf/1p.grf/data/DataCenter.ashx?data=Categories演示文字自动缩小适应输出区域，将全部内容完整显示出来。1q.文字跨行显示grf/1q.grf/data/DataCenter.ashx?data=Categories实现表格中的文字另起新表格行显示，即超范围文字在本单元格内不绕行显示，而是在下一表格行继续显示。分组报表报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明2a.基本分组grf/2a.grf/data/DataCenter.ashx?data=SaleDetail一个最基本的分组报表，定义一个分组，并定义分组的“依据字段”属性。2b.依据多个字段分组grf/2b.grf/data/DataCenter.ashx?data=Customer根据多个字段进行分组的报表，多个分组字段之间用字符“;”隔开。2c.多级分组grf/2c.grf/data/DataCenter.ashx?data=Customer演示定义多个分组实现多级分组报表。2d.分组单元格合并grf/2d.grf/data/DataCenter.ashx?data=Customer演示占列式分组报表，占列式分组其分组头不占据单独的显示行，也就是表格分组单元格合并。2e.自定义分组单元格合并grf/2e.grf/data/DataCenter.ashx?data=Customer演示占列式分组，合并单元格内容在分组头中专门定义。2f.多级分组单元格合并grf/2f.grf/data/DataCenter.ashx?data=Customer演示多级分组占列式分组报表。2g.页分组grf/2g.grf演示页分组，页分组在每个打印页面中产生一个分组项，不需要定义分组依据字段。查询显示时页分组被忽略掉。2h.分组节显示列线grf/2h.grf/data/DataCenter.ashx?data=SaleDetail在分组头与分组尾中显示列线，通过显示部件框的左右边框并采用对其列定位来实现。2i.分组节不打印边框线grf/2i.grf/data/DataCenter.ashx?data=SaleDetail将分组头尾的“打印输出边框”属性设为“否”，这样分组头尾左右两边的表格边框就不会输出。2j.分组头新页重复grf/2j.grf/data/DataCenter.ashx?data=SaleDetail演示分组头在新页中重复打印，设置分组头的“每页重复打印”属性。2k.分组重启页号grf/2k.grf/data/DataCenter.ashx?data=Customer分组页号页数是在一个分组范围内计数页号与页数。2l.分组按统计排序grf/2l.grf/data/DataCenter.ashx?data=SaleDetail根据分组的统计值进行排序。2m.多栏分组不分栏grf/2m.grf/data/DataCenter.ashx?data=SaleDetail具有分组的多栏报表，其分组头与分组尾部产生分栏。交叉报表报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明3a.交叉表起步grf/3a.grf/data/DataCenter.ashx?data=CrossTab一个最基本的交叉报表。3b.交叉表横向合计grf/3b.grf/data/DataCenter.ashx?data=CrossTab交叉表加上横向求和功能。3c.交叉表纵向合计grf/3c.grf/data/DataCenter.ashx?data=CrossTab交叉表加上纵向求和功能。3d.交叉表横向百分比grf/3d.grf/data/DataCenter.ashx?data=CrossTab交叉表横向求比重百分比。3e.交叉表纵向百分比grf/3e.grf/data/DataCenter.ashx?data=CrossTab交叉表纵向求比重百分比。3f.交叉表按日交叉grf/3f.grf/data/DataCenter.ashx?data=CrossTabByDay按日交叉表，即通常所说的日报表。3g.交叉表按月交叉grf/3g.grf/data/DataCenter.ashx?data=CrossTabByMonth按月交叉表，即通常所说的月报表。3h.交叉表横向平均grf/3h.grf/data/DataCenter.ashx?data=CrossTab交叉表横向统计平均值。3i.交叉表纵向单元格合并grf/3i.grf/data/DataCenter.ashx?data=CrossTab演示交叉表分组单元格合并功能。3j.交叉表多数据列(1)grf/3j.grf/data/DataCenter.ashx?data=CrossTab演示一个具有两个交叉数据列的交叉报表。3k.交叉表多数据列(2)grf/3k.grf/data/DataCenter.ashx?data=CrossTab演示一个具有两个交叉数据列的交叉报表。3l.交叉表自定义统计grf/3l.grf演示一个按年月交叉的交叉报表。3m.交叉表横向小计(1)grf/3m.grf/data/DataCenter.ashx?data=CrossTabSubtotal交叉表横向交叉项按类别进行分类，并据此产生按类别统计的数据。3n.交叉表横向小计(2)grf/3n.grf/data/DataCenter.ashx?data=CrossTabSubtotal交叉表横向交叉项按类别进行分类，并据此产生按类别统计的数据，与上例区别在表头形式上。3o.交叉表横向显示表格grf/3o.grf/data/DataCenter.ashx?data=Customer用交叉表实现表格数据的横向显示。3p.交叉表按年月交叉grf/3p.grf/data/DataCenter.ashx?data=CrossTabYearMonth根据年份与月份对数据进行交叉统计。3q.日历报表grf/3q.grf/data/DataCenter.ashx?data=CrossTabCalendar类似日历一样的报表，用于展现每日的统计数据。子报表报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明4a.演示子报表grf/4a.grf/data/DataCenter.ashx?data=SubReport_4a示子报表，在一个主控报表中显示多个子报表，实现多个报表的集中展现。4b.独立子报表grf/4b.grf/data/DataCenter.ashx?data=SubReport_4b独立子报表中每个子报表可以是不同的页面设置，可以导出到不同的Excel工作表。独立子报表的概念说明: 请参考帮助中的“开发指南->报表部件框应用->子报表”部分。4c.子报表实现表中表grf/4c.grf/data/DataCenter.ashx?data=SubReport_4c演示在内容格中查入子报表实现表中表。[设计子报表1][设计子报表2]4d.子报表主子关联grf/4d.grf/data/DataCenter.ashx?data=SubReport_4d&city=天津演示主子报表之间如何自动传递参数，子报表中的参数会自动从主报表中同名的参数或记录集字段中取值。各种常见类型报表报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明5a.表达式运算grf/5a.grf/data/DataCenter.ashx?data=SaleDetail演示用综合文字框实现运算表达式。5b.显示行号序号grf/5b.grf/data/DataCenter.ashx?data=Customer演示用系统变量显示行号及各种序号，将内容格设为自由格并插入系统变量框。5c.层高不等多层表头grf/5c.grf/data/DataCenter.ashx?data=Customer演示层高不等多层表头报表。5d.文字方向与间距grf/5d.grf演示各种方式的文字方向与文字角度。5e.HTML标签grf/5e.grf演示综合文字框支持的各种HTML标签，设置综合文字框的“支持HTML标签”属性为“是”可以开启HTML标签解析功能。5f.无边框表格grf/5f.grf/data/DataCenter.ashx?data=Customer演示一个没有表格边框线的报表。5g.无行线表格grf/5g.grf/data/DataCenter.ashx?data=Customer演示一个没有行线的表格报表，但标题行下显示一条水平分隔线，标题格为自由格，其中的静态框显示下边框。5h.对齐列改进导出Excelgrf/5h.grf/data/DataCenter.ashx?data=SaleDetail尽量采用对齐列方式定位部件框的水平位置，可以改善报表导出Excel等文件的效果。5i.导航书签grf/5i.grf/data/DataCenter.ashx?data=Customer为报表的打印页面生成导航书签。5j.财务金额线grf/5j.grf/data/DataCenter.ashx?data=SaleDetail演示财务金额线与金额位标签的用法。5k.标签文字grf/5k.grf演示文字在水平方向上拉宽或缩窄比例显示。5l.伸展列适应文字grf/5l.grf/data/DataCenter.ashx?data=Customer演示表格列的宽度根据显示内容的多少自动加大宽度，让所有内容都完整显示出来。5m.电子印章grf/5m.grf/data/DataCenter.ashx?data=Customer演示用浮动部件框实现电子印章，浮动部件框说明与应用请参考帮助文档的“设计报表->其它->浮动部件框”部分。5n.水印背景grf/5n.grf/data/DataCenter.ashx?data=Customer演示在报表打印页面中显示水印背景图。通过报表主对象的 BackImage 或 BackImageFile 属性指定水印背景图。5o.水印文字grf/5o.grf/data/DataCenter.ashx?data=Customer用浮动部件框实现水印文字，浮动部件框说明与应用请参考帮助文档的“设计报表->其它->浮动部件框”部分。打印与票据套打报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明6a.合同打印(单份_RTF)grf/6a.grf/data/DataCenter.ashx?data=ContractOne用RTF文字框实现合同打印，合同中的动态数据域在运行时将被实际参数值替换。6b.合同打印(多份_RTF)grf/6b.grf用RTF文字框实现合同打印，合同中的动态数据域在运行时将被实际参数值替换。将RTF文字框定义在明细网格中，可以实现同时打印多份合同。6c.合同打印(单份_综合文字框)grf/6c.grf/data/DataCenter.ashx?data=ContractOne用综合文字框实现合同打印，合同中的动态数据域在运行时将被实际参数值替换。6d.合同打印(多份_综合文字框)grf/6d.grf用综合文字框实现合同打印，合同中的动态数据域在运行时将被实际参数值替换。将综合文字框定义在明细网格中，可以实现同时打印多份合同。6e.发票套打grf/6e.grf/data/DataCenter.ashx?data=InvoiceOne演示发票与票据的套打，即在印刷好的票据的指定位置将数据精确定位输出。6f.发票成批套打grf/6f.grf/data/DataCenter.ashx?data=InvoiceMany演示发票与票据的套打，对数据按单分组，实现一次打印多张票据。6g.快递单套打grf/6g.grf/data/DataCenter.ashx?data=EmployeeOne演示快递单套打打印。6h.支票套打grf/6h.grf演示支票套打打印，按照支票书写规范用报表脚本产生特殊的显示文字。6i.多联票据grf/6i.grf/data/DataCenter.ashx?data=InvoiceMany演示单据在一张纸上重复打印，产生不同的联次，一联中还要控制显示的行数，超过的行在下一页继续显示。实现在非复写纸张上单据的多联打印。6j.多联票据非复写纸grf/6j.grf演示单据在一张纸上重复打印，产生不同的联次，一联中还要控制显示的行数，超过的行在下一页继续显示。实现在非复写纸张上单据的多联打印。6k.多背景图套打grf/6k.grf实现多页不同类型数据套打，且每页是不同的背景图。6l.POS小票打印grf/6l.grf/data/DataCenter.ashx?data=SaleDetail演示超市购物小票的打印。6m.横向分页在一页grf/6m.grf报表横向分页打印时，如果数据量少，横向产生的打印数据合并在一页中显示。6n.镜像页面边距grf/6n.grf/data/DataCenter.ashx?data=Customer演示报表左右页边距镜像功能，当双面打印报表时，让左右页边距按镜像方式产生，这样方便报表的装订。报表脚本报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明7-1a.脚本：追加空白记录grf/7-1a.grf在报表主对象的开始处理脚本上实现追加空白记录。7-1b.脚本：设置特殊显示文字grf/7-1b.grf在字段的“获取显示文字脚本”中为字段设置特殊显示文字。在文字类部件框上也可以实现类似的功能。7-1c.脚本：文字按条件突出显示grf/7-1c.grf/data/DataCenter.ashx?data=SaleDetail在内容行的“格式化脚本”中实现文字按条件高亮显示。部件框的外观属性可以在其所处的报表节的格式化脚本上进行改变，这样可以根据不同的条件实现文字按不同的格式显示。7-1d.脚本：整行突出显示grf/7-1d.grf/data/DataCenter.ashx?data=SaleSumByProduct在内容行的“格式化脚本”中实现当前行整行按条件高亮显示。7-1e.脚本：两行显示一次行线grf/7-1e.grf/data/DataCenter.ashx?data=Customer实现按需显示表格的行线，将单元格改为自由格，然后在内容行的“格式化脚本”上按条件动态控制部件框的边框。7-1f.脚本：页脚首页不显示grf/7-1f.grf/data/DataCenter.ashx?data=RTFSample实现报表封面页不显示页脚，在页脚的“格式化脚本”属性上写脚本，控制其在首页不显示。7-1g.脚本：镜像页边距并奇偶页眉页脚grf/7-1g.grf/data/DataCenter.ashx?data=Customer当报表双面打印时，让页码信息始终显示在外侧。在格式化脚本中根据条件设置部件框的可见性。这里是通过取页号系统变量判断奇偶页。7-1h.脚本.按条件隐藏数据行grf/7-1h.grf/data/DataCenter.ashx?data=SaleSumByProduct根据条件确定明细行是否显示。7-2a.脚本：计算字段grf/7-2a.grf报表中可以插入计算字段，计算字段无实际数据源字段对应。在记录集的“提交记录前脚本”属性上写报表脚本，实现计算字段求值。7-2b.脚本：累计求和(收发存)grf/7-2b.grf/data/DataCenter.ashx?data=SaleByProduct用报表脚本实现计算收入支出数据的结存余额。7-2c.脚本：占列分组不重复求和grf/7-2c.grf用报表脚本实现主表数据项求和，每项只求和一次。7-2d.脚本：每页重复报表尾实现页小计grf/7-2d.grf用脚本在每页重复显示的报表尾中实现当前页小计统计。7-3a.脚本：自绘突出行线grf/7-3a.grf用脚本自绘出加粗的表格行线。7-3b.脚本：部件框自定义绘制grf/7-3b.grf演示部件框的自定义绘制功能。7-3c.脚本：部件框自绘(饼图与弧线)grf/7-3c.grf演示部件框的自定义绘制功能。7-3d.脚本：图像自定义绘制grf/7-3d.grf/data/DataCenter.ashx?data=Categories在自绘部件框中绘制出多幅图像，可以根据条件绘制不同幅数的图像，图像的输出位置与大小也可以根据条件动态确定。7-3e.脚本：自定义条件分组grf/7-3e.grf分组不是根据某一个或多个字段的值的变化产生，而是根据自定义的规则产生分组项，这里是根据值的范围产生不同的分组。7-3f.脚本：按首字母分组grf/7-3f.grf按首字母进行分组。增加一个计算字段，在记录集的“提交记录前脚本”中将计算字段的值设为对应字段的首字母。7-3g.脚本：表格续打(套打)grf/7-3g.grf/data/DataCenter.ashx?data=Report_7_3g&BeginNo=9&EndNo=35用报表脚本实现续打，根据每次打印的参数确定数据的起始打印位置，通过动态设置空白报表头的高度来实现数据起始位置的变化。图表(Chart)报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明8a.图表.序列组簇图grf/8a.grf各种序列组簇类型的图表，包括柱状图、饼图、连线图、混和图表、双轴图表等。8b.图表.XY数据型图grf/8b.grf/data/DataCenter.ashx?data=Chart_8b各种散列(XY)类型的图表，包括散列点图、散列连线图、散列曲线图、气泡图表等。8c.图表.三维(3D)grf/8c.grf各种3D图表等。8d.记录集图表grf/8c.grf/data/DataCenter.ashx?data=Chart_8d图表全部定义对应记录集，图表的相关属性关联记录集的字段。自由表格(FreeGrid)报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明9a.自由表格grf/9a.grf/data/DataCenter.ashx?data=EmployeeOne用自由表格(FreeGrid)部件框制作一个人员档案自由表格。9b.自由表格并明细网格grf/9b.grf/data/DataCenter.ashx?data=FreeGridwithDetailGrid用自由表格部件框与明细网格共同实现一个有动态明细数据的自由表格。报表组件对象模型报表(打印预览)打印PDFEXCELRTFCSV文本图像报表文档报表模板报表数据说明a0.报表组件对象模型grf/a0.grf用 Grid++Report 本身设计出其编程对象的组件对象模型图。二、教程例子演示基础起步例子报表名称简要说明例子文件报表打印预览打开WEB报表客户端窗口，以打印预览方式展现报表。01.PrintPreview.htm报表直接打印直接打印输出报表，同时示范自定义打印参数设置。02.PrintDirect.htm报表直接数据导出直接将报表数据导出，同时示范自定义数据导出参数设置。03.Export.htm任务完成消息响应在任务执行后，执行响应函数，如报表打印后，数据导出后等。04.OnMessage.htm报表数据来自变量报表模板与报表数据不是直接关联URL，而是来自程序通过其它途径获取到变量。05.DataFromVar.htm自定义设置例子报表名称简要说明例子文件打印自定义参数设置打印相关参数，如纸张方向、打印份数、纸张大小等。options/webapp-print_arguments.htm自定义报表预览窗口自定义报表预览窗口。options/webapp-ui.htm