JVS低代码表单设计:数据联动详解(多级数据级、数据回显等)

news/2024/12/22 15:26:20/

在这信息化时代,表单作为数据的收集和展示工具,已经渗透到不同的角落。JVS低代码对表单的设计和操作进行了不断的优化和创新。其中,联动回显作为一项重要的功能,无论是多级数据级联控制、组件的联动控制,还是多表的数据回显控制,都能极大地提升用户体验和数据的精准度,让用户可以更加高效、便捷地填写表单。

在表单填写时,往往存在一些数据根据表单的选择数据进行联动回显。

例如,地区选择时,下拉选择“重庆”,则展示“重庆“对应的地区。

联动目前存在多种情况:

1、多级数据级联控制

2、组件的联动控制

3、多表的数据回显控制

多级数据级联控制

实现多级数据级联控制可以通过树形字典实现,多级数据的联动选择。

如图所示:

操作的方式:

a、选择级联选择组建

b、选择对应的静态字典的数据

c、在界面上可以看到对应的级联选择

字典的设置位置:

在应用字典中,选择对应的字典项,选择对应的操作,即可实现多级字典的配置。

组件的显隐控制

组件显隐控制,组件的显隐状态控制根据其他组件的值来判断是否显示。通过组件有一个显隐控制的配置项实现。

例如下图,通过地址下拉框联动实现4个地址输入框的显示与隐藏。

第一步:如下图先配置对应的下拉框与输入框

第二步:设置下拉框的选项,如图所示:

第三步:设置每个输入框的显隐控制,进入显隐控制界面,

配置的效果如图所示:

一对多的联动回显

主表对子表的多数据联动回显设置,效果如下:

配置如图:

步骤:

第一步:选择表格组件

第二步:选择表格对应的子表模型

第三步:拖对应的基础组件进入表格,并选择对应的字段

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

基础框架开源地址:https://gitee.com/software-minister/jvs


http://www.ppmy.cn/news/1230864.html

相关文章

数据中心走向绿色低碳,液冷存储舍我其谁

引言:没有最冷,只有更冷,绿色低碳早已成为行业关键词。 【全球存储观察 | 科技热点关注】 每一次存储行业的创新,其根源离不开行业端的用户需求驱动。 近些年从数据中心建设的整体发展情况来看,从风冷到…

基于单片机GPS轨迹定位和里程统计系统

**单片机设计介绍, 基于单片机GPS轨迹定位和里程统计系统 文章目录 一 概要二、功能设计设计思路 三、 软件设计原理图 五、 程序六、 文章目录 一 概要 一个基于单片机、GPS和里程计的轨迹定位和里程统计系统可以被设计成能够在移动的交通工具中精确定位车辆的位置…

裸片-PCBA

裸片 PCBA, 薄膜, 邦定-COB(chip on board)技术是指将裸芯片直接贴在PCB 板上,然后用铝线或金线进行电子连接的技术

制作Go程序的Docker容器(以及容器和主机的网络问题)

今天突然遇到需要将 Go 程序制作成 Docker 的需求,所以进行了一些研究。方法很简单,但是官方文档和教程有些需要注意的地方,所以写本文进行记录。 源程序 首先介绍一下示例程序,示例程序是一个 HTTP 服务器,会显示si…

视频剪辑技巧:批量剪辑新篇章,AI智剪来领航

随着数字媒体的飞速发展,视频剪辑已经成为一项重要的工作。在繁忙的工作中,如何高效、准确地完成批量剪辑是一项具有挑战性的任务。近年来,AI智剪的出现为视频剪辑工作带来了新的解决方案,引领着批量剪辑的新篇章。在AI智剪的帮助…

ArrayList中放的是一个对象,如何同时根据对象中的三个字段对List进行排序

import java.util.ArrayList; import java.util.Collections; import java.util.Comparator;public class YourObject {private int field1;private String field2;private double field3;// 构造函数和其他代码public int getField1() {return field1;}public String getField…

rosnode ping指令

节点是一个可执行文件,它可以通过ROS来与其他节点进行通信(这些节点可以分布在不同设备上面的软件直接,例如一台在Windows上面,一台在Ubuntu,一台在stm32上面) 节点是ROS中非常重要的一个概念,为了帮助初学者理解这个…