JVS低代码表单中下拉框是如何配置的?

news2025/1/14 2:19:48

什么是表单下拉框

表单下拉框是一种用户界面元素,通常用于表单中,允许用户从一组预定义的选项中选择一个选项。表单下拉框由一个下拉箭头和一个选项列表组成,用户可以通过点击下拉箭头来展开选项列表,然后选择其中的一个选项。表单下拉框通常用于收集用户的信息,例如选择国家、省份、性别等。下拉框有助于保证数据的准确性和规范性。

适用场景

从多个下拉选项中选择其中一项,适用于选项较多的时候,可自定义选项内容,也可用于 数据联动关联其他模型(表单、列表) 等多个场景,比如选择请假表单内的请假类型、性别等字段的时候,可以用下拉单选组件。我们先看一个示例:

注意:

  • 下拉单选组件的选项值的长度最大不能超过 255 个字符;
  • 下拉组件存储值为其他数据模型的所选择数据的id。

基础功能配置

  • 基础配置如下图所示:

①:下拉框组件,可以将组件拖拽至表单画布中,实现组件的引用

②:组件绑定模型的字段,点击字段名称后,系统会把本表单对应的模型字段展示出来,选中即可

③:组件的中文名称,修改后会将组件的名称同步修改

④:组件的显隐控制装填设置,普通(刻度可操作)、只读(可读不可修改)、隐藏(不可见不可操作)

⑤:默认值,取值方式有两种,自定义和公式复制,自定义可以直接写入本字段的默认值,公式赋值通过公式函数计算后赋值

⑥:显示控制,通过其他组件结果的设置内容判断条件,当条件为真时展示本下拉框

⑦:禁用控制,通过其他组件结果的设置内容判断条件,当条件为真时本下拉框禁止操作

⑧:网络设置(逻辑触发),当内容修改后,且鼠标失焦后,将触发逻辑(用户自定义的逻辑)

  • 扩展配置内容,如下图所示

①:下拉选择多选开关,开启后,支持多个选项同时选中

②:是否支持搜索选项,开启后,可以通过搜索的方式对下拉选项的内容进行过滤(模糊匹配)

③:是否可以创建选项开关,开启后,系统是支持可以动态创建选项的

④:选择内容可以是缩略展示和完全展示

效果如下:

下拉选项数据来源配置

下拉框的选项数据有多种来源方式,根据不同的场景自己选择,目前下拉框数据选项来源有是那种方式

下拉项数据模式

数据项配置说明

配置数据

通过表单界面上的数据选项,进行枚举式配置

接口数据

通过API的接口返回下拉数据选项

数据模型

通过其他的数据模型(其他表)的数据进行展示选项(可设置过滤条件)

OA流程

动态组件

接下来我们详细看下具体的配置。

  • 配置数据模式,如下图所示:

①:选择下拉框数据类型为配置数据,系统展示配置数据的相关设置项,本质上是配置枚举值,这里的值是静态选项

②:可以点击“添加选项”按钮,增加选项,输入显示值和传递值的内容,用于

③:可以点击“删除”按钮,可以对已经设置的选项进行删除

  • 接口数据模式

接口模式是让下拉框的数据选项通过动态的从API接口中查询并展示出来,如下图所示:

①:选择数据类型为接口数据

②:配置接口API的具体URL地址,这里的接口是通过get的方式对接口地址进行请求

③:对请求回来的数据设置展示的字段

④:设置使用后选项对应真实传递值的字段

  • 数据模型

数据模型本质上也是实体的表,那么这种模式表示通过 另外的一张表里的数据进行展示下拉框的选项,如下图所示:

①:选择数据类型为数据模型(其他模型,可以是用户自定义的模型)

②:选择具体的数据模型,这里系统将本轻应用内所有模型都是可以选择

③:设置选中回显的字段内容

④:设置真实传递的字段内容,可以与现实值相同

⑤:设置副标题字段,通过额外的字段可以让用户更加便捷的选择选项数据

⑥:可以对数据设置过滤条件,一遍对大量数据进行精准的筛选

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

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

低代码表单往期干货

低代码表单引擎,轻松应对各类复杂表单需求

低代码表单组件中的八大文本框组成和用途,超详细讲解

低代码表单引擎:多样化的基础组件功能特性,满足各种业务需求

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1149385.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Ansys Speos|Optimization小工具快速优化设计

概述 优化是一个有助于找到一个光学系统的最佳解决方案的实验过程,它主要是利用参数的变化而试图达到预期的结果。在Speos 2023 R2中提供三种可供选择的方法来执行此类分析。第一个是基于workbench创建的优化,可以参考文章(基于Ansys Workben…

数据结构题型21-第八章 排序

文章目录 0 本章的知识点总结1 本章知识框架2 排序的基本概念3 插入排序3.1 直接插入排序 0 本章的知识点总结 1 本章知识框架 2 排序的基本概念 小试牛刀 3 插入排序 参考网站:排序直观网站 3.1 直接插入排序 自己分析A[0] A[1] A[2] A[3] A[4] A[5] A…

RTMP直播在虚拟数字人场景使用

虚拟数字人(Virtual Digital Human),指的是一种基于数字技术创建的虚拟人物,他们有自己的外貌、声音,甚至是性格。虚拟数字人通常是通过计算机图形学、人工智能和其他先进技术来实现的。人们可以与这些虚拟数字人进行交…

笔记本电脑的键盘鼠标如何共享控制另外一台电脑

环境: 联想E14 x2 Win10 across 2.0 问题描述: 笔记本电脑的键盘鼠标如何共享控制另外一台电脑 解决方案: 1.下载across软件,2台电脑都按装,一台设为服务端,一台客户端 2.把配对好设备拖到右边左侧…

金属压铸件自动化3D全尺寸测量设备自动外观检测三维检测-CASAIM

铸造作为现代装备制造工业的基础共性技术之一,铸件产品既是工业制造产品,也是大型机械的重要组成部分,被广泛运用在航空航天、工业船舶、机械电子和交通运输等行业。 铸件形状复杂,一般的三坐标或者卡尺圆规等工具难以获取多特征…

10.30二叉树一些性质,找公共祖先(一般与搜索树),操作的复杂度,选择题细节

课上 一些结论,性质 n0,n1,n2指的是子结点的数量,n0没有子节点,叶子结点 n2*n2n11,若n1为奇数,则n为偶数,不然,则为奇数 满二叉树 没有度为1的结点,即每个结点要么没有孩子结点,要么…

2023 年 43 周

2023 年 43 周 普普通通的一周过去了,唯一需要感叹的,大概就是本年度余额只剩下 19%了: 学习进度 其实这周真的没什么特别大的进展,有种 here & there 的感觉,目前来说唯一能做的就是以锻炼为 anchor point 去寻找…

【Linux】NTP服务器配置、时间修改

查看当前系统时间date修改当前系统时间date -s "2018-2-22 19:10:30"查看硬件时间hwclock --show修改硬件时间hwclock --set --date "2018-2-22 19:10:30"同步系统时间和硬件时间hwclock --hctosys保存时钟clock –w1.设置NTP Server服务检查系统是否安装n…

动手学深度学习——第六次

python类和对象 python类和对象参数管理参数访问 卷积 python类和对象 参数管理 生成一个二维张量,然后传入有但隐藏层的多层感知机 参数访问 net[0] nn.Linear(4,8) net[1] nn.ReLU() net[2] nn.Linear(8,1) net[2].state_dict()访问最后一层的参数即权重和偏置 …

科大讯飞勾勒生成式AI输入法“模样”,开启下一代输入法革命

回顾国内第三方输入法赛道近十余年的发展,移动互联网的市场红利催生了科大讯飞、百度、搜狗等颇具规模和实力的头部厂商。与此同时,历经多年、多方角逐,第三方输入法市场进入存量阶段,升级技术、优化用户体验来挖掘存量&#xff0…

MatrixOne Meetup回顾 | 上海站

9月24日,MatrixOne 社区在上海成功举办了里程碑式的第一次 Meetup。活动吸引了数十位外部小伙伴一同交流探讨数据库行业内发展趋势、技术、以及应用的方方面面。通过分享、交流、互动,加深了参与者对MatrixOne的了解。未来,我们将继续在多个城…

半导体产线应用Power Link 转EtherCAT协议网关数字化转型

随着数字化转型的推进,越来越多的企业开始意识到数字化转型的重要性,并将其作为发展战略的关键之一。半导体产线作为一个高度自动化的生产系统,自然也需要数字化转型来提高效率、降低成本和提高质量。Power Link 转EtherCAT协议网关是半导体产…

高斯过程 Gaussian Process

What does GP do? GP是一种回归方法,但也能够用来分类和聚类均值表示数据最有可能出现的位置 多变量高斯分布 X ∼ N ( μ , Σ ) X\sim N(\mu,\Sigma) X∼N(μ,Σ): 包含的信息有每个变量的均值和协方差矩阵均值决定分布中心协方差矩阵确定形状 Marginalizatio…

Selenium自动化测试:如何搭建自动化测试环境?

最近也有很多人私下问我,selenium学习难吗,基础入门的学习内容很多是3以前的版本资料,对于有基础的人来说,3到4的差别虽然有,但是不足以影响自己,但是对于没有学过的人来说,通过资料再到自己写的…

c++-二叉树进阶

文章目录 前言一、二叉搜索树1、二叉搜索树介绍2、二叉搜索树循环实现3、二叉搜索树递归实现4、二叉搜索树的性能分析5、二叉搜索树的应用6、二叉树练习题6.1 根据二叉树创建字符串6.2 二叉树的层序遍历6.3 二叉树的层序遍历 II6.4 二叉树的最近公共祖先6.5 二叉搜索树与双向链…

项目文章 | Plant Physiology 华南农业大学揭示组蛋白修饰调节水稻器官大小的表观遗传机制

发表单位:华南农业大学生命科学学院 发表日期:2023年10月24日 期刊:Plant Physiology 影响因子:7.4 2023年10月24日,华南农业大学生命科学学院郑少燕副教授/刘振兰教授团队在Plant Physiology上发表题为“SET DOMA…

系列三十二、代理(二)静态代理

一、静态代理 1.1、概述 静态代理是由程序员创建或者工具生成代理类的源码,再编译代理类。在程序运行前就已经存在代理类的字节码文件了,即代理类和被代理类的关系在运行前就确定了。 简单理解:在程序运行前,代理类就存在了&…

Linux虚拟机安装centos7配置及常用命令

一.VMWare的安装 详情请看上期:VM虚拟机的安装与配置及操作系统的安装-CSDN博客 二.centos7安装 1.创建新的虚拟机 选择自定义,然后下一步 默认选择就行,直接下一步 选择稍后安装,然后直接下一步 选择Linux,然后向上…

【Python 零基础入门】常用内置函数 再探

【Python 零基础入门】内容补充 1 常用内置函数 Python 简介为什么要学习内置函数集合操作len(): 计算长度sorted(): 排序all(): 检查所有元素any(): 检查任一元素filter(): 过滤元素map(): 应用函数zip(): 组合元素 文件操作和输入输出open(): 打开文件read(): 读取文件write(…

深入解析 Spring Framework 中 @Autowired 注解的实现原理

摘要 关于Autowired注解的作用 Autowired 注解在Spring中的作用是实现依赖注入(Dependency Injection),它用于自动装配(autowiring)Spring Bean 的依赖关系。具体来说, Autowired 注解有以下作用&#xf…