【最佳实践】表格数据跳转到详情

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

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

表格组件设置方法
选中表格组件,在右侧表格设置中,”选择列字段”下选择某一列,点击设置的图标,进行设置。

选择”链接”,”添加链接项”, “链接到”选择”外部链接(标准)”。这里可以设置点击要跳转到链接地址,以及要携带的参数

1 (1).png
“参数”上,可以选择某些列字段,这些列字段的值可以赋值给某个变量。在打开链接时,这些变量以及对应的值就可以作为参数。
2 (1).png
截图的含义是,当点击表格中某一列时,会自动跳转到 “https://www.taobao.com?pid=xxxx"这个地址,xxxx会根据"实例ID"这个列字段的数据进行实时替换。

“使用条件控制”,可以用于只有当某列数据符合某种情况时,才显示链接地址;不符合条件的行,链接默认不生效。
宜搭数据详情地址解释
单据详情地址
打开某条单据数据,查看浏览器上的链接地址。查看地址示例
这条链接中有四个参数

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作为参数实时传递。

相关文章
|
2月前
详情功能的实现
详情功能的实现。
15 1
|
2月前
|
BI
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
403 0
|
JavaScript
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
223 0
【Vue3从零开始-实战】S16:详情页样式优化及tab栏内容联动功能实现
|
20天前
|
SQL 运维 数据管理
数据管理DMS产品使用合集之导出工单列表时是否展示SQL内容
阿里云数据管理DMS提供了全面的数据管理、数据库运维、数据安全、数据迁移与同步等功能,助力企业高效、安全地进行数据库管理和运维工作。以下是DMS产品使用合集的详细介绍。
|
2天前
|
前端开发 开发工具 git
大事件项目54-----文章详情,内容格式和图片详情
大事件项目54-----文章详情,内容格式和图片详情
|
20天前
|
SQL DataWorks 监控
DataWorks操作报错合集之在点击DQC监控时,跳转到DQC页面出现报错,是什么导致的
DataWorks是阿里云提供的一站式大数据开发与治理平台,支持数据集成、数据开发、数据服务、数据质量管理、数据安全管理等全流程数据处理。在使用DataWorks过程中,可能会遇到各种操作报错。以下是一些常见的报错情况及其可能的原因和解决方法。
|
7月前
|
BI
宜搭报表页面如何绑定对应字段展示图片
宜搭报表页面如何绑定对应字段展示图片
|
前端开发
弹性布局案例实操(京东网页对草稿页面进行改进)(二)
弹性布局案例实操(京东网页对草稿页面进行改进)(二)
131 0
弹性布局案例实操(京东网页对草稿页面进行改进)(二)
|
前端开发
【分享】宜搭多选组件,在数据展示页实现换行展示
宜搭多选组件,数据展示页会把原数据拼接展示,如果涉及到多条较长数据时,展示不太直观。
524 1
【分享】宜搭多选组件,在数据展示页实现换行展示