低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

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

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

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

联动目前存在多种情况:

1、多级数据级联控制

2、组件的联动控制

3、多表的数据回显控制

多级数据级联控制

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

如图所示:

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

操作的方式:

a、选择级联选择组建

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

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

字典的设置位置:

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

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

组件的显隐控制

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

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

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

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

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

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

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

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

配置的效果如图所示:

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

一对多的联动回显

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

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

配置如图:

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

步骤:

第一步:选择表格组件

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

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

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

低代码表单引擎:多级数据、多表数据回显、组件的联动等配置举例

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年7月5日 下午6:36
下一篇 2024年7月5日 下午6:48

相关推荐

  • 微信办公的系统

    微信办公系统:创新工作方式的利器 随着微信的普及和广泛使用,微信办公系统逐渐成为了许多企业和个人创新工作方式的利器。在这个数字化时代,人们对于工作方式的要求越来越高,而微信办公系统…

    科研百科 2025年1月9日
    1
  • 工程项目管理计划书

    工程项目管理计划书 工程项目管理计划书是项目管理中的重要文档,它可以帮助项目经理和项目团队规划、组织和管理项目,确保项目按时、按质量完成。以下是一份工程项目管理计划书的示例。 一、…

    科研百科 2024年9月22日
    26
  • 金科有点坐不住了(金科 在路上)

    2022年2月份,金科有点坐不住了。 金科向恒大学习 2月22日,根据金科员工的爆料,金科现在通知所有项目按恒大模式进行管理,也就是资金封闭管理。 简单来说,单独的项目业主的预付金…

    科研百科 2022年10月10日
    290
  • 普通高等学校学校毕业生登记表在学期间参与过何重要学术活动 科研项目

    普通高等学校学校毕业生登记表在学期间参与过何重要学术活动 科研项目 作为一个普通高等学校毕业生,填表时填写自己的学术经历和项目经历是一项必不可少的步骤。在这个过程中,我们可以展示我…

    科研百科 2024年12月2日
    59
  • 课题延期结题申请理由

    尊敬的评审专家: 我谨以此信申请延期结题我的课题“当代社会价值观的探究” 。 本课题是我在2019年9月提出的,旨在通过对当代社会价值观的探究,深入探讨当代社会的价值观问题,并在此…

    科研百科 2024年10月30日
    0
  • XX建设工程公司:款项支付流程及报销管理制度(建设单位工程款支付流程)

    款 项 支 付 及 报 销 管 理 制 度 目录 第一章、总则 第二章、借款规定 一、备用金借款 第三章 工程类付款 一、施工班组、分包款、预付工程款、工程进度款: 二、 联营工程…

    科研百科 2022年10月8日
    363
  • 在线编辑office 开源

    在线编辑 Office 开源: 让办公变得更加简单 随着数字化时代的到来,办公方式也在不断地变革。传统的纸质文件已经逐渐被电子文档所替代,而在线编辑 Office 开源也成为了现代…

    科研百科 2024年10月9日
    16
  • 2022年新年致辞中共西宁市公安局党委(西宁市公安局长会议)

    敬爱的同志们、战友们: 告别昨日的余晖,充满艰辛与挑战的2021与我们握别。迎接2022年的第一缕曙光,首先要感谢全体民辅警及其家属、所有关心支持西宁公安工作的各界人士,并向你们道…

    科研百科 2023年1月13日
    254
  • 2.科技局限性

    科技的局限性 科技的发展一直是人类进步的重要动力,它为人类带来了许多便利和改变。然而,科技也存在一些局限性,这些局限性可能会对人类产生负面影响。在本文中,我们将探讨科技的局限性。 …

    科研百科 2024年10月14日
    6
  • 党建品牌创建指导思想

    党建品牌创建指导思想 在中国共产党成立95周年之际,如何打造一支高素质的党员队伍,提升党组织的凝聚力和战斗力,成为了当前党建工作的重要任务。为了推动党建工作的深入开展,我提出了以下…

    科研百科 2024年10月31日
    0