Posted on 2015-05-11 17:25
FineReport——报表技术领跑者 阅读(450)
评论(0) 编辑 收藏 所属分类:
Java报表问题解答 、
Java报表制作
图表制作FineReport单元格间联动
1. 问题描述
在查看报表时，可能某列的数据比较重要或者内容比较多的情况下，希望点击该行的某个数据时让其详细信息单独显示在数据的下方，并且不希望查数据库，此时要如何处理呢？
如上图，我们点击订单号，下面的收货人地址显示对应订单号的货主城市+货主地址。
2. 实现思路
通过给单元格增加超级链接-JavaScript，在js中给下面对应的单元格赋值。
3. 示例
下面我们以一个例子为例来看下如何实现效果。
3.1 打开模板
打开模板：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\Primary\DetailReport\Details_1.cpt
3.2 增加数据列
如上图所示将货主地址拖入到H2单元格中，然后点击高级>自定义显示将其修改为：货主城市+$$$即让其显示为"货主城市+货主地区"，最后将该单元格的列宽设置为0。
注："货主城市+$$$"中的货主城市是数据列。
3.3 固定单元格设置
由于要给单元格赋值并且在扩展数据的下方，因此若要在固定位置显示值就要做如下几个设置。
我们要让每一页固定显示的条数相同，因此要给单元格增加行后分页的条件属性。
给A2单元格增加行后分页的条件属性，公式条件类型选择公式，并在公式中输入：(row()-1)%10 == 0 即每页显示10条扩展出的数据。
重复标题行：右击行序号1，选择设置重复标题行。
重复结尾行：选中3、4行，右击选择设置重复结尾行。
最终的表样如下：
3.4 超级链接设置
下面我们要做的就是给A2单元格设置超级链接，使点击A2单元格时，对应的隐藏的H2单元格的内容显示在B4单元格中。
右击A2单元格，选择超级链接，点击JavaScript，具体设置如下图：
注：这边是给BS端对应的单元格赋值，由于A2单元格是扩展的并且固定显示10行数据，因此在模板中的B4单元格在BS端就是B13单元格了。
3.5 分页预览
点击分页预览， 点击对应的订单ID可以看到下面的显示的是对应的详细收货人地址，如上效果图。
已完成的模板可参考：%FR_HOME%\WebReport\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\CellsRelate.cpt。