摘要:示例下面我们以行数据为例,每页显示行,分页显示。数据准备新建数据集订单明细。重复标题行选中标题行,右键,选择设置重复标题行。
问题描述
进行FineReport数据填报时,如果数据量过大,由于前端浏览器的性能限制,如果将数据全部展现出来,速度会非常的慢,影响用户体验,这时候大家就会想,填报是否能像分页预览一样进行分页呢,实现只加载当前页,从而提高性能,下面我们就来介绍填报分页的制作与浏览过程,在op=write下,使用__cutpage__=v参数(即在url后增加&__cutpage__=v)来启用填报横向不分页纵向分页。
示例
下面我们以1000行数据为例,每页显示200行,分5页显示。
2.1 数据准备
新建数据集ds1:SELECT top 1000 * FROM 订单明细。
ds2:SELECT * FROM 产品。
2.2 模板设计
如下图所示,在模板主体中拖曳数据列至C2~O2单元格,并设置标题:
2.3 过滤
数据列来源于2个数据集,需要在单元格中设置过滤条件,双击E2单元格,选择过滤,条件设置为产品id等于单元格D2,如下图:
注:数据列中来自于ds1的数据列的父格需设置为C2,来自于ds2的数据列的父格需设置为E2。
2.4 分页设置
形如分页预览中的每页显示固定行数,填报分页也如此设置,如下图,在C2单元格中添加一个条件属性:
2.5 重复标题行、冻结行列设置
由于上面的报表主体中包含的数据列比较多,并且数据量也比较大,则在web端查看报表时,需要设置重复标题行,并且冻结行列,使查看报表时,仍然能知道该行数据的意义。
重复标题行
选中标题行,右键,选择设置重复标题行。
冻结行列
点击菜单栏的模板>重复与冻结设置,在填报冻结栏里面讲第一行以及第三列冻结起来,如下图:
2.6 报表样式设计
给FineReport报表设置样式,如下图:
2.7 效果查看
点击填报预览,在URL后面添加参数__cutpage__=v,即可启用填报分页,查看效果:
在线查看模板效果请点击Cutpage.cpt
注:填报分页状态下,翻页前,如果修改了当前页的数据,需先保存该页面内容,即传输到服务器端进行保存,那么下次再查看该页内容时,页面显示内容即为编辑后的内容,在保存的过程中,不允许编辑,保存不是提交,报表会自动保存。
另:__cutpage__参数前后都有2个下划线。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/50904.html
摘要:示例下面我们以行数据为例,每页显示行,分页显示。数据准备新建数据集订单明细。重复标题行选中标题行,右键,选择设置重复标题行。 问题描述 进行FineReport数据填报时,如果数据量过大,由于前端浏览器的性能限制,如果将数据全部展现出来,速度会非常的慢,影响用户体验,这时候大家就会想,填报是否能像分页预览一样进行分页呢,实现只加载当前页,从而提高性能,下面我们就来介绍填报分页的制作与浏...
FineReport支持多种不同的导出方式,直接使用FineReport内置导出按钮可以非常快捷方便的来对各种格式的输出,但是我们在web页面集成中的时候,往往只想将报表内容嵌入到iframe中,而工具栏以及工具栏上的按钮都会隐藏掉,而使用web页面自定义的按钮,那么,此时,这种自定义按钮如何实现导出呢? showImg(https://segmentfault.com/img/bVJR1H?w=...
摘要:如果报表嵌在网页的中,在外获取对象如下常用方法方法说明获取指定单元格中的控件获取指定名字的控件获取指定名称的扩展控件,返回一个数组表单预览或参数界面,都有一个对象。 上次介绍FineReport的JS API中的第一类开发--FR,这次就来介绍一下FS和contentWindow类的开发。1 FSFS是数据决策系统中的js接口,比如说FS.tabPane.addItem,先介绍几类操作...
摘要:问题描述,组织树报表中由与父来实现组织树报表,若层级数较多时,对每个单元格设置过滤条件和形态会比较繁琐,因此提供了一种特殊的数据集树数据集,只需要简单的设置就能自动递归出层级,方便的实现如下图组织树报表图一图二构建树新建报表,添加数据集新建 问题描述FineReport,组织树报表中由id与父id来实现组织树报表,若层级数较多时,对每个单元格设置过滤条件和形态会比较繁琐,因此FineR...
摘要:由于内容过多,超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到滚屏效果来解决,这里主要介绍在中的具体制作方法。如果想要停止滚动的话,用鼠标左键点击一下窗口即可。 对于一些特殊的模板,可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多,超出了浏览器窗口的大小导致内容展示不全的情况。这样我们就需要用到JS滚屏效果来解决,这里主要介绍在FineRe...
阅读 3459·2021-11-19 09:40
阅读 1475·2021-10-13 09:41
阅读 2636·2021-09-29 09:35
阅读 2685·2021-09-23 11:21
阅读 1668·2021-09-09 11:56
阅读 814·2019-08-30 15:53
阅读 827·2019-08-30 15:52
阅读 587·2019-08-30 12:47