JVS低代码里表单与表格不同数据关联场景的实现方法

在业务处理与数据管理中,表单与表格模型的数据关联及同步保存是一个常见的需求。特别是在涉及多个数据模型且字段存在关联或差异时,合理设计表单与表格之间的数据交互逻辑特别重要。接下来小编以JVS低代码系统为例,详细介绍两种不同场景下,如何实现表单字段与表格模型数据的关联保存。

在JVS低代码表单中的表格关联模型数据,保存表单时,将表单上的字段同时保存到表格模型中。

场景一:关联字段名相同

直接使用表单默认提交按钮保存数据,如下图所示:"单位编码"字段名相同,表单模型和表格模型中都有此字段,那么在表单设计中将表格关联模型绑定字段。(注意:表格的模型中的"单位编码"字段设置为文本组件,不需要使用流水号组件

点击表单默认提交按钮,即可将"单位编码"同时保存至表格模型中

场景二:关联字段不同

配置方式一,添加新增数据后置事件触发逻辑实现

在逻辑引擎中设计如下图所示:

在循环画布中新增遍历的数据,同时取查询单条节点中的关联字段,新增至表格模型中

配置方式二,添加表单自定义按钮触发逻辑处理,表单数据新增和表格关联模型字段的新增

进入到自定义按钮逻辑设计中,使用【新增数据】节点设计如下图所示:

在循环画布中再次用新增数据节点新增表格数据,同时将【查询单条】节点的关联字段新增进去

开源框架:https://gitee.com/software-minister/jvs

在线demo:https://frame.bctools.cn

相关推荐
可观测性用观测云15 分钟前
网站/接口可用性拨测最佳实践
前端
乌暮22 分钟前
JavaEE初阶--多线程案例
java·java-ee
小光学长31 分钟前
基于ssm旅游管理系统的开发与设计z050cft7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
java·数据库·旅游
2503_9284115635 分钟前
12.26 小程序问题和解决
前端·javascript·微信小程序·小程序
灼华_36 分钟前
超详细 Vue CLI 移动端预览插件实战:支持本地/TPGZ/NPM/Git 多场景使用(小白零基础入门)
前端
借个火er36 分钟前
npm/yarn/pnpm 原理与选型指南
前端
总之就是非常可爱37 分钟前
vue3 KeepAlive 核心原理和渲染更新流程
前端·vue.js·面试
Mr_chiu37 分钟前
当AI成为你的前端搭子:零门槛用Cursor开启高效开发新时代
前端·cursor
over69738 分钟前
防抖与节流:前端性能优化的“双子星”,让你的网页丝滑如德芙!
前端·javascript·面试
用户35218024547539 分钟前
🥯2025 年终极避坑指南:Spring Boot 2.7 + 3.2 混合集群的 Redis + OAuth2 序列化血泪史
java·后端·spring cloud