如何在报表中点击数据跳转到详情?
1. 使用场景
表格组件可用于展示一个表单下所有数据的信息,每一行代表一条数据,有时对于某条数据,我们需要能直接跳转到它的详情页面。该功能,可以通过表格的链接来实现。
1.1 具体场景演示
下面,我们用「进货单」作为表格数据源,「进货单」表中有「进货单号」,「进货单号」,「进货明细」三个组件。
表格中只设置显示「进货单号」,「进货日期」,当点击「进货单号」时,跳转到该条数据的详情页。
(1)进入报表页面,在左侧选择表格组件。选中「表格」,在右侧数据集中选择「进货表」,列字段选择「进货单号」,「进货日期」。接下来设置点击「进货单号」时,可以跳转到该行数据的详情页面。
(3)复制过来的链接,以链接中的问号为分界点,删除连同问号在内的后面的链接字符,如下:
将前面部分,填入链接中
如果链接以「#/」结尾,请手动删除这两个字符,否则会导致 配置完了点开链接显示数据不存在!
(4)每个数据源中,都有一个列字段为「实例ID」,这个字段存的数据就是 formInstId 的值。在参数中选择「实例ID」,会看到对应参数变为 pid=${pid} ,将参数名pid变成 formInstId 。即修改为 formInstId=${pid}
(5)保存,设置完成
2. 表格组件设置方法
- 选中表格组件,在右侧表格设置中,「选择列字段」下选择某一列,点击编辑按钮
- 选择「链接」,「添加链接项」, 链接到选择「外部链接(标准)」,这里可以设置点击要跳转到链接地址,以及要携带的参数。
报表页面设置字段
- 「参数」上,可以选择某些列字段,这些列字段的值可以赋值给某个变量,在打开链接时,这些变量以及对应的值就可以作为参数。
设置链接
截图的含义是,当点击表格中某一列时,会自动跳转到「https://www.baidu.com?pid=xxxx」这个地址,xxxx会根据「实例ID」这个列字段的数据进行实时替换。
- 「使用条件控制」,可以用于只有当某列数据符合某种情况时,才显示链接地址;不符合条件的行,链接默认不生效。
3. 宜搭数据详情地址解释
3.1 单据详情地址
打开某条单据数据,查看浏览器上的链接地址。地址示例:
这条链接中有四个参数
- spm
- formInstId
- formUuid
- isInner
其中,同个表单下的数据,formUuid, spm,isInner的参数值是不会变得。而 formInstId 是会变得,每一条数据,都有自己唯一的 ID。因此,设置链接时,我们可以直接设置链接地址是https://www.aliwork.com/alibaba/web/APP_VQT52M8N284S3I3VOVJY/inst/formEdit.html?spm=a1z330.11429250.0.0.2ef45a00LdAg0A&formUuid=FORM-IJUK9IEVD5HU6QQCOKW2V2AIBU2Q1RVOED7GJ3&isInner=y
而把 formInstId 作为参数实时传递。
4. 视频展示
5.在线试玩
6. 常见问题
6.1 配置完了点开链接显示「数据不存在」?
- 检查下跳转链接的结尾是不是多带了「#/」两个字符
路径:删掉 >> 确定 >> 保存即可重新
宜搭为了更好的优化宜搭使用手册内容和质量,占用您3-5分钟时间,辛苦填写一下文档反馈问卷。文档反馈问卷是匿名提交,同时问卷信息仅用于宜搭文档体验反馈收集,感谢您对宜搭的支持!
--------------------获取宜搭最新信息,欢迎关注我们--------------------