最新历史版本 :超级链接到有参数的模板 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 预期效果

在设置超级链接时,会遇到链接到的模板是有参数。希望点击超级链接时,当前单元格的内容作为参数值传递给下一个报表的参数。如下图所示:

1583805503185881.gif

1.2 实现方法

通过网络报表或 JavaScript 脚本,实现超级链接到有参数的模板。

2. 示例一:网络报表编辑

2.1 子模板

新建普通报表,另存为%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-子模板.cpt

2.1.1 新建数据集

新增数据集 ds1:SELECT * FROM 销量 where 1=1 ${if(len(area) == 0,"","and 地区 = '" + area + "'")}

area 为自定义参数名称,也就是对应地区的过滤名称(控件名)。判断控件值是否为空,如为空,默认查询全部。

如下图所示:

1583803313661508.png

2.1.2 设计报表

1)报表页面设计如下图所示:

1583804029559884.png

2)选中 C2 单元格,选择单元格元素>基本数据设置汇总、求和。如下图所示:

2.2 主模板

新建普通报表,另存为%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-网络报表.cpt

2.2.1 新建数据集

新增数据集 ds1:SELECT * FROM 销量

如下图所示:

1583804672912085.png

2.2.2 设计报表

1)报表页面设计如下图所示:

1583804029559884.png

2)选中 C2 单元格,选择单元格元素>基本,数据设置为汇总、求和。如下图所示:

2.3 设置超级链接并传递参数

打开超级链接到有参数的模板-网络报表.cpt,选中 A2 单元格,点击超级链接,添加网络报表

网络报表选择/doc/SpecialSubject/HyplinkReport/超级链接到有参数的模板-子模板.cpt,链接打开于新窗口,设置参数area=$$$

设置参数 area=$$$ 的目的:前端预览时点击哪个扩展出来的数据,就将这个数据作为参数area传递给子模板。设置界面如下图所示:

1583805053817338.png

2.4 效果预览

2.4.1 PC 端

保存模板,点击分页预览。点击「华东」,跳转至子模板,且子模板只显示「华东」部分的数据。如下图所示:

1583805446800757.gif

2.4.2 移动端

App 及 HTML5 端预览效果如下图所示:

1583805994831823.gif

3. 示例二:JavaScript 脚本编辑

3.1 模板设置

1)子模板设置与本文 2.1 节一致,另存为%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-子模板.cpt

2)主模板设置与本文 2.2 节一致,另存为%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-JavaScript 脚本.cpt

3.2 设置超级链接并传递参数

打开超级链接到有参数的模板-JavaScript 脚本.cpt,选中 A2 单元格,点击超级链接,添加 JavaScript 脚本

设置参数A=A2,添加 JavaScript 代码,如下图所示:

1583806648970685.png

JavaScript 代码如下:

window.open("${servletURL}?viewlet=doc/SpecialSubject/HyplinkReport/超级链接到有参数的模板-子模板.cpt&op=view&area="+A);

3.3 效果预览

保存模板,点击分页预览。点击「华东」,跳转至子模板,且子模板只显示「华东」部分的数据。如下图所示:

1583807063607588.gif

注:不支持移动端。

4. 已完成模板编辑

4.1 示例一:网络报表

1)主模板

已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-网络报表.cpt

点击下载模板:超级链接到有参数的模板-网络报表.cpt

2)子模板

已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-子模板.cpt

点击下载模板:超级链接到有参数的模板-子模板.cpt

4.2 示例二:JavaScript 脚本

1)主模板

已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-JavaScript 脚本.cpt

点击下载模板:超级链接到有参数的模板-JavaScript 脚本.cpt

2)子模板

已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超级链接到有参数的模板-子模板.cpt

点击下载模板:超级链接到有参数的模板-子模板.cpt