报表添加锚点实现跳转到指定行

1.1 预期效果

有时候报表数据量大、不分页显示，查看靠后的数据非常麻烦。希望能通过指定的数字快速定位到对应的行数，如下图所示：

1.2 实现思路

通过使用 HTML 的锚点链接，实现定位到对应 ID 的元素。

2.1 新建报表

2.1.1 新建数据集

新建普通报表，创建数据查询 ds1，SQL 语句为：SELECT * FROM 人员花名册 limit 200。如下图所示：

2.1.2 设计报表

将数据集中相应的字段放到对应的单元格，报表样式如下图所示：

2.2 设置序号单元格属性

1）选中 A3 单元格，点击单元格元素，插入公式：=seq( )。如下图所示：

2）选中 A3 单元格，点击单元格属性>形态，设置为公式形态：="<span id='"+$$$+"'>"+$$$+"</span>"。如下图所示：

3）选中 A3 单元格，点击单元格属性>其他>高级，选择用HTML显示内容。如下图所示：

2.3 设置下拉框控件

选中 B1 单元格，点击控件，设置为下拉框控件。如下图所示：

2.3.1 设置控件属性

数据字典类型设置为公式，实际值=range(200)。如下图所示：

2.3.2 设置控件事件

选中 B1 单元格，点击控件>事件，添加编辑后事件，输入 JavaScript 代码，如下图所示：

JavaScript 代码如下：

location.href = "#"+this.value;

2.4 效果预览

保存模板，选择填报预览，效果如1.1 预期效果所示。

已完成模板请参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\点击跳转到指定行.cpt。