历史版本3 :点击一行任意位置实现超链跳转 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 预期效果
超链可点击的范围为一行，在这一行的任意位置都可实现点击跳转，效果如下图所示：
1.2 实现思路
主模板不使用内置的超链功能，通过加载结束事件实现按行超链。
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 端。
3. 模板下载编辑
已完成模板请参见：
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超链行跳转主模板.cpt
%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\HyplinkReport\超链行跳转子模板.cpt
点击下载模板：