历史版本6 :下拉框控件实现跳转到指定行数 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 预期效果
有时候报表数据量大、不分页显示,查看靠后的数据非常麻烦。希望能通过指定的数字快速定位到对应的行数,如下图所示:
1.2 实现思路
通过使用 HTML 的锚点链接,实现定位到对应 ID 的元素。
2. 示例编辑
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 预期效果所示。
注:不支持移动端。
3. 已完成模板编辑
已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\点击跳转到指定行.cpt。
点击下载模板:点击跳转到指定行.cpt