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

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

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

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

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

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

相关文章
|
分布式计算 数据处理 MaxCompute
MaxCompute单字段拆分多行多列
数据导入MaxCompute后,需要把某个字段String类型(多键值(key-value )对 ) 拆分成多行,每行有都有key, value两列。比如“{k1:v1,k2:v2,k3:k4}” 拆成多行,每行两个值key,value 分别为k1,v1;k2,v2;k3;k4。
4328 0
|
10月前
|
SQL 数据可视化 数据挖掘
本地数据调用析言的解决方案
本文介绍了通过API创建虚拟数据库,利用阿里云百炼/析言GBI平台实现数据查询、分析及可视化的方法。方案结合本地与云端资源,确保数据安全,同时提供灵活的API调用方式,支持按需调用析言的各项功能,有效降低已有本地数据库系统的迁移成本,提升数据分析效率。
1027 11
|
JavaScript 前端开发 编译器
将 CommonJS 模块转换为 ES6 模块
【10月更文挑战第11天】 将 CommonJS 模块转换为 ES6 模块有三种主要方法:手动修改代码、使用工具(如 Babel)自动转换和逐步迁移。手动修改涉及导出和导入方式的转换,确保名称和结构一致;使用工具可自动化这一过程;逐步迁移适用于大型项目,先在新模块中使用 ES6 语法,再逐步替换旧模块。转换过程中需注意兼容性、代码逻辑调整和充分测试。
722 58
|
12月前
|
Java API Android开发
安卓应用程序开发的新手指南:从零开始构建你的第一个应用
【10月更文挑战第20天】在这个数字技术不断进步的时代,掌握移动应用开发技能无疑打开了一扇通往创新世界的大门。对于初学者来说,了解并学习如何从无到有构建一个安卓应用是至关重要的第一步。本文将为你提供一份详尽的入门指南,帮助你理解安卓开发的基础知识,并通过实际示例引导你完成第一个简单的应用项目。无论你是编程新手还是希望扩展你的技能集,这份指南都将是你宝贵的资源。
515 5
|
自然语言处理 监控 Cloud Native
探索微服务架构中的服务网格Service Mesh
【10月更文挑战第7天】服务网格(Service Mesh)是微服务架构中的关键组件,通过在每个服务实例旁部署Sidecar代理,实现服务间通信的管理、监控和安全增强。本文介绍了服务网格的基本概念、核心组件、优势及实施步骤,探讨了其在现代开发中的应用,并提供了实战技巧。
|
机器学习/深度学习 图形学 UED
优化用户体验与广告收入平衡的策略:提升IAA游戏变现效率
【7月更文第30天】随着移动游戏市场的竞争日益激烈,开发者必须确保他们的应用既能吸引并保留用户,又能从中获得足够的收入来维持运营和发展。IAA是一种有效的收入来源,但如果处理不当,可能会损害用户体验。因此,了解如何平衡IAA与用户体验至关重要。
762 0
|
SQL Oracle 关系型数据库
解决Oracle的状态: 失败 -测试失败: IO 错误: The Network Adapter could not establish the connection
解决Oracle的状态: 失败 -测试失败: IO 错误: The Network Adapter could not establish the connection
2487 0
解决Oracle的状态: 失败 -测试失败: IO 错误: The Network Adapter could not establish the connection
|
项目管理 开发工具 git
[集中式] SVN的安装与详细使用教程
[集中式] SVN的安装与详细使用教程
855 0
|
SQL Cloud Native NoSQL
.NET Aspire Preview 4 发布!
.NET Aspire 是一个有态度的云原生应用开发框架,旨在改善生成 .NET 云原生应用的体验,并提供一组强大的工具来帮助你生成和运行分布式应用。它允许开发者快速创建属于自己的云原生应用,或改造已有的项目成为云原生应用。
382 3