跳到主要内容

如何在报表中点击数据跳转到详情?

1. 使用场景

表格组件可用于展示一个表单下所有数据的信息,每一行代表一条数据,有时对于某条数据,我们需要能直接跳转到它的详情页面。该功能,可以通过表格的链接来实现。

1.1 具体场景演示

下面,我们用进货单作为表格数据源,进货单表中有进货单号,「进货单号」,进货明细三个组件。

表格中只设置显示进货单号,进货日期,当点击进货单号时,跳转到该条数据的详情页。


(1)进入报表页面,在左侧选择表格组件。选中表格,在右侧数据集中选择进货表,列字段选择进货单号进货日期。接下来设置点击进货单号时,可以跳转到该行数据的详情页面。


(2)点击进货表下某个进货数据,拷贝它的详情地址。https://www.aliwork.com/alibaba/web/APP_PNL5L5N4ZR4476KJMIJ8/admin/pageAppEdit.html?spm=a1zhcgu.22738517.0.0.168e6ddbqfleXO#/form/receipt/FORM-VFYJ1FGV0ZYPVWL21A2GS5NWO63S2TAHLYHOKZ1/page?navUuid=FORM-VFYJ1FGV0ZYPVWL21A2GS5NWO63S2TAHLYHOKZ1&_k=nulq3h


(3)复制过来的链接,以链接中的问号为分界点,删除连同问号在内的后面的链接字符,如下:

https://www.aliwork.com/alibaba/web/APP_PNL5L5N4ZR4476KJMIJ8/admin/pageAppEdit.html?spm=a1zhcgu.22738517.0.0.168e6ddbqfleXO#/form/receipt/FORM-VFYJ1FGV0ZYPVWL21A2GS5NWO63S2TAHLYHOKZ1/page

将前面部分,填入链接中

如果链接以#/结尾,请手动删除这两个字符,否则会导致 配置完了点开链接显示数据不存在!


(4)每个数据源中,都有一个列字段为实例ID,这个字段存的数据就是 formInstId 的值。在参数中选择实例ID,会看到对应参数变为 pid=${pid} ,将参数名pid变成 formInstId 。即修改为 formInstId=${pid}


(5)保存,设置完成

2. 表格组件设置方法

  1. 选中表格组件,在右侧表格设置中,选择列字段下选择某一列,点击编辑按钮
  2. 选择链接添加链接项, 链接到选择外部链接(标准),这里可以设置点击要跳转到链接地址,以及要携带的参数。

报表页面设置字段

  1. 参数上,可以选择某些列字段,这些列字段的值可以赋值给某个变量,在打开链接时,这些变量以及对应的值就可以作为参数。

设置链接

截图的含义是,当点击表格中某一列时,会自动跳转到https://www.baidu.com?pid=xxxx这个地址,xxxx会根据实例ID这个列字段的数据进行实时替换。

  1. 使用条件控制,可以用于只有当某列数据符合某种情况时,才显示链接地址;不符合条件的行,链接默认不生效。


3. 宜搭数据详情地址解释

3.1 单据详情地址

打开某条单据数据,查看浏览器上的链接地址。地址示例:

https://www.aliwork.com/alibaba/web/APP_VQT52M8N284S3I3VOVJY/inst/formEdit.html?spm=a1z330.11429250.0.0.2ef45a00LdAg0A&formInstId=FINST-88ZKAWFV6FHUH9NBSBDSG0TMKD4V1OVZGD7GJ2&formUuid=FORM-IJUK9IEVD5HU6QQCOKW2V2AIBU2Q1RVOED7GJ3&isInner=y

这条链接中有四个参数

  • 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分钟时间,辛苦填写一下文档反馈问卷。文档反馈问卷是匿名提交,同时问卷信息仅用于宜搭文档体验反馈收集,感谢您对宜搭的支持!

点此填写调研问卷

--------------------获取宜搭最新信息,欢迎关注我们--------------------

Copyright © 2024钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4