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

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

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

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

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

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

相关文章
|
JavaScript 前端开发 UED
PDF在线预览实现:如何使用vue-pdf-embed实现前端PDF在线阅读
本文详细介绍了如何在Vue项目中使用vue-pdf-embed实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化,希望对你有所帮助。在实际项目中,灵活运用这些技术可以大大提升用户体验和项目质量。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
4月前
|
人工智能 JSON 监控
Spring AI MCP Server接入百炼问题排查
本文记录Spring AI MCP Server接入阿里云百炼平台时因HTTP连接复用导致的"获取工具异常,请确认MCP是否正常运行"问题。百炼复用连接时,服务端已关闭通道,导致请求体丢失。通过分析日志发现Netty过早关闭连接,最终以添加`Connection: close`响应头强制断开,解决兼容性问题。
547 6
|
Python 容器
Python Tkinter教程(三)——三种几何布局管理器Pack、Place和Grid的所有参数及相关方法及详细用法
Python Tkinter教程(三)——三种几何布局管理器Pack、Place和Grid的所有参数及相关方法及详细用法
1850 0
宜搭 库存数和出库数检验,出库大于库存就阻断
宜搭 如何实现提交数据时才获取库存进行比较
宜搭 库存数和出库数检验,出库大于库存就阻断
|
项目管理 开发工具 git
[集中式] SVN的安装与详细使用教程
[集中式] SVN的安装与详细使用教程
1080 0
|
运维 安全 Java
我和我的团队使用 Codeup后的体验
我是公司数据中心负责人,会参与到一些软件开发,架构设计等工作,在团队工具选型时也会亲力亲为,争取为团队能选择效率高、好用的工具。由于我们团队处于前期开发阶段,业务主要是围绕能源互联网,可以想象的未来业务领域及数据量会很多,为了减少运维成本、保障安全性、高可用性、能较好地链接devops,并能很好的自动检测代码(每次对于一些简单的非业务的逻辑错误人为CR效率低下,容易错漏),结合对比使用了开源的gitlab和Codeup后,结合自己和团队的使用体验来做一些测评。
398 0
|
存储 Serverless API
打造你的专属语音助手,基于函数计算托管 CosyVoice 语音模型
今天分享一下,基于阿里云函数计算 FC 以及 CAP(云应用开发平台),极速托管专属的 CosyVoice 应用。并且我们提供了 API 调用方案以及镜像构建源码方便您根据自己的业务任意 DIY。
1372 11
|
Web App开发 XML Java
通过freemarker生成一个word,解决生成的word用wps打开有问题的问题,解决出word时中文文件名乱码问题,解决打开出word时打开的word出现问题的问题,出图片,解决动态列表
 通过freemarker制作word比较简单 步骤:制作word模板。制作方式是:将模板word保存成为xml----在xml的word模板中添加相应的标记----将xml的word文件的后缀名改成ftl文件(要注意的是生成xml格式要是2003格式的xml,也就是说拿到的word模板得是2003格式的,否则用wps打开word将会出现问题)   详细步骤如下: 模板制作(将要动态显示的
4950 0