点击一行任意位置实现超链跳转

1.1 预期效果

超链可点击的范围为一行，在这一行的任意位置都可实现点击跳转，效果如下图所示：

1.2 实现思路

主模板不使用内置的超链功能，通过加载结束事件实现按行超链。

2.1 设计主模板

1）新建一张普通报表，新建一个内置数据集 ds1 ，表设计如下图所示：

2）主模板的表格设计如下图所示，将数据集中的字段拖到对应单元格中。

2.2 设计子模板

1）新建一张普通报表，新建一个内置数据集 ds2 ，表设计如下图所示：

2）子模板的表格设计如下图所示，将数据集中的字段拖到对应单元格中。

3）双击 A2 单元格，添加一个过滤条件，让地区等于参数$area，这个参数跟主模板传参配合，过滤展示某个地区的数据。

2.3 设置加载结束事件

回到主模板，添加一个加载结束事件，如下图所示：

JavaScript 代码如下：

$(".x-table tr").click(function(){
	var a = $(this).find("td:eq(0)").text(); //获得当行第一个单元格的值作为参数
	var url = "${servletURL}?viewlet=WorkBook2.cpt&area="+a;
	window.open(FR.cjkEncode(url));
	})

2.4 效果预览

保存报表，分页预览主模板，点击一行的任意位置可实现超链跳转并传参。

该方法不支持 App 端和 HTML5 端。

已完成模板请参见：

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超链行跳转主模板.cpt

%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超链行跳转子模板.cpt

点击下载模板：

超链行跳转主模板.cpt

超链行跳转子模板.cpt