1. 概述
1.1 视频学习
刚接触超级链接概念的用户可以结合视频一起学习哦:
1.2 应用场景
超级链接可以实现:打开一个网页,钻取另一张报表,发送电子邮件,下载文件,数据排序,结合传参实现联动等等。
其应用范围广,功能丰富,JavaScript 类型的超链更是可以通过代码实现诸如 Execl 导出这样的效果,超链设计的自由度还是挺高的。
1.3 功能入口
1)表格:普通报表中的格子、决策报表报表块中的格子
选中格子,在右侧属性面板点击「超级链接」,然后点击「添加链接」按钮,即可选择超级链接类型。
2)图表:普通报表中的单元格元素图表、普通报表中的悬浮元素图表、决策报表图表块中的图表
图表属性面板选择「特效>交互属性」,然后点击「添加链接」按钮,即可选择超级链接类型。
3)条件属性:条件属性中也有一个超级链接类型,可以通过设置条件控制超链的跳转效果。
2. 超链类型
FineReport 内置超链一共有 9 种,详细介绍如下表所示:
类型 | 应用场景 | 不支持说明 |
---|---|---|
超级链接-网络报表 | 点击超级链接可以钻取到本工程下的其他报表,结合传参可以动态查看其他报表指定内容 | - |
超级链接-邮件 | 点击超级链接后,可以将文本信息或者报表内容以邮件形式发送给其他人 | - |
超级链接-网页链接 | 点击超级链接后跳转到其他网页,也可以下载文件 | - |
超级链接-动态参数 | 点击超级链接后根据改变的参数值进而改变报表的展示效果,例如排序 | - |
超级链接-JavaScript脚本 | JavaScript 脚本超链自由度较高,可以实现很多报表展示效果,例如导出 Excel | 超链支不支持移动端要看接口支不支持移动端 |
图表链接-悬浮窗图表 | 点击超级链接后可以打开悬浮窗图表 | 不支持移动端 |
图表超链-联动单元格 | 名字容易让人误解,它不是跟单元格进行联动哦,而是跟单元格里的图表进行联动 | 决策报表图表没有这个超链 |
图表超链-联动悬浮元素 | 点击超链联动悬浮元素图表 | 不支持移动端,决策报表中没有这个超链 |
超级链接-当前表单对象 | 一般用来实现决策报表组件之间联动 | 决策报表报表块和图表特有,普通报表不支持 |
注:当前决策报表对象是把参数传递给设置的表单对象,动态参数是只作用于当前模板。
3. 超链应用
类型 | 文档 | 应用场景 |
---|---|---|
超链传参 | JavaScript超链传参 | 介绍 JavaScript 脚本类型的超链传参方法 |
超级链接到有参数的模板 | 将当前模板某个单元格的内容作为参数值传递给跳转模板的参数,实现传参查看指定内容 | |
超链传参到网页中 | 将模板中的参数或某些值传递到自己制作的网页中做一些处理 | |
超链时一个参数传递多个值 | 一个参数有多个英文逗号隔开的值,将这些值一次传参过去 | |
超链跳转 | 钻取的数据显示在当前页面 | 点击超链钻取数据时,数据可以直接显示在当前页面,不用跳转到另一个模板 |
扩展数据跳转到不同页面 | 点击扩展出来的数据时,可以跳转到不同页面 | |
JS实现对话框打开超链 | 通过 JavaScript 代码实现对话框打开超链 | |
JS实现获取超链URL参数值 | 点击单元格替换对应的 URL 后缀参数值,进而打开不同的页面 | |
超链跳转后返回原报表 | 超链在当前页(当前窗口)打开后,希望点击某个地方可以返回原报表 | |
超链跳转后返回原Tab | 决策报表主表从不同 Tab 页跳转超链到子表后,子表页面可以点击按钮返回主表的原 Tab 页 | |
JS实现超链跳转前判断子模板是否有数据 | 如果子模板没有对应的数据,则主模板直接弹出提示对话框,不跳转到子模板页面 | |
根据用户判断是否允许打开超链 | 相当于给超链设置权限,只有指定用户可以使用超链 | |
超链跳转到指定sheet页 | 使用超链跳转到填报报表时,可以跳转到指定的 sheet 页 | |
图表钻取 | 普通图表点击系列时可以钻取到下一层数据,但是图表类型还是不变的 | |
根据图表分类或系列超链到不同报表 | 点击图表的某个分类或系列可以跳转到不同模板 | |
超链联动 | 决策报表组件联动 | 决策报表中报表块和图表块联动 |
地图钻取与联动 | 决策报表中地图可以跟其他组件进行联动 | |
下拉框和图表联动 | 下拉框可以跟图表联动 | |
扩展图表组件刷新 | 扩展图表组件跟其他组件联动 | |
超链实现类Tab联动 | 本质上是两个报表块之间联动,但是超链样式是类 Tab 效果 | |
超链交互 | 平台新标签页打开超链 | 挂载到决策平台的报表,点击超链后可以在平台的新标签页打开 |
超级链接改变颜色 | 点击、悬浮、离开超链时,超链文本可以改变颜色,起到高亮强调的作用 | |
点击超链改变单元格/行背景色 | 点击单元格时,当前「单元格」或「行」高亮显示 | |
HTML实现超链按钮效果 | 超链以按钮的方式显示,而不是普通的蓝色下划线文字样式 | |
点击单元格空白处超链也能跳转 | 点击单元格空白区域也能跳转 | |
点击一行任意位置实现超链跳转 | 超链可点击的范围为一行,在这一行的任意位置都可实现点击跳转 | |
超链方案 | 超链查看文件 | PC端或手机端可以直接点击超链查看服务器端存放的文件 |
超链解决Internet脚本运行慢 | 使用超链解决填报时页面控件非常多,出现卡顿的问题 | |
JS实现点击超链切换Tab块 | 点击报表块单元格里的超链,决策报表的 Tab 块可以跟随切换 | |
超链实现报表块内容折叠和展开 | 决策报表报表块里的内容可以折叠和展开 | |
超链实现空值不参与排序 | 数据集字段包含空值,排序时这些空值总是位于最下方且不参与排序 | |
问题汇总 | 超级链接FAQ | 论坛、评论、问答等渠道用户的常问问题,以一问一答的形式罗列出来 |
超级链接常见问题 | 超链相关的报错、失效、异常等问题及其解决方案 |
4. 注意事项
4.1 多个超链打开方式
如果一个区域同时设置了多个超级链接。
点击该区域时,会弹出超链选项,供用户选择。
4.2 图表不支持单元格属性面板超链
插入单元格里面的图表,不要使用下图单元格属性面板的超级链接,这个对图表不生效的。
单元格图表只能使用图表属性面板「特效>交互属性」下的超级链接,如下图所示