低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?

这篇具有很好参考价值的文章主要介绍了低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在现代化的数字界面中,组件是不可或缺的一部分。无论是在问卷调查、投票,还是在购物车等场景中,单选和多选组件都扮演着重要角色。它们让用户能够在一系列选项中做出决定,从而提高交互的效率和用户体验。

低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?,java,gitee,低代码,开源软件

JVS低代码表单组件中提供了单选与多选的组件,接下来我们结合场景详细介绍单选与多选组件配置说明。

单选与多选组件配置

通常在用户界面中如问卷调查或投票中可能需要从多个选项中选择一个,这个时候我们就可以使用单选组件配置,有按钮式、圆形组合等不同样式可以应用于不同的场景。

例如用户在购物车场景下则可以用多选组件配置。

低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?,java,gitee,低代码,开源软件

单选的基础设置说明如下:

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

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

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

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

⑤:显示控制,通过其他组件结果的设置内容判断条件,当条件为真时显示单选组件。

⑥:禁用控制,通过其他组件结果的设置内容判断条件,当条件为真时单选禁止操作。

⑦:触发逻辑,当单选选择项后,且鼠标失焦后,将触发逻辑(用户自定义的逻辑)。

低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?,java,gitee,低代码,开源软件

数据类型配置说明:

①:配置数据,默认数据来源是配置数据,可以自定义增加选项,传递值都是字符串。

②:接口数据,从接口获取数据,设置接口地址、显示值和传递值。

③:模型数据,选项数据来源于其它模型,设置关联的模型,显示值、传递值等。

当选择数据类型来源模型数据时配置说明如下:

低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?,java,gitee,低代码,开源软件

①:数据类型来源模型。

②:关联模型,下拉展示应用下所有模型名称,根据需求选择可搜索查询。

③:显示值,指单选项显示的值,数据来自于选择的模型中字段。

④:传递值,固定只能传数据id。

⑤:副标题,对应显示值展示子标题。

单选的数据联动设置如下图所示:

低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?,java,gitee,低代码,开源软件

①:数据联动显示关联其它模型。

②:选择回填数据的来源模型(跨表数据)。

③:选择本单选依赖的组件内容。

④:设置数据回填数据模型的字段中与依赖组件值相同的数据行(用于把想要的目标数据过滤出来)。

⑤:可设置多个条件。

⑥:设置回填到单选项的字段。

低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?,java,gitee,低代码,开源软件

样式设置中有展示类型设置,有圆圈和按钮类型可选择。

多选组件同单选配置大同小异,其中数据类型多一个动态组件,样式设置不同。

低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?,java,gitee,低代码,开源软件

多选组件数据类型配置如下:

①:配置数据,默认数据来源是配置数据,可以自定义增加选项,传递值都是字符串。

②:接口数据,从接口获取数据,设置接口地址、显示值和传递值。

③:模型数据,选项数据来源于其它模型,关联的模型,显示值、传递值等。

④:动态组件

样式设置配置说明如下:

低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?,java,gitee,低代码,开源软件

①:控件宽度,默认13可自定义修改。

②:提示描述,指对多选组件提示信息的设置。

③:描述位置,默认设置右侧,可设置换行显示。

④:最小值,指一次可以勾选值的个数。

⑤:最大值,指最多可以勾选多少个选项。

⑥:展示类型,指勾选框的样式,默认方块展示,可设置按钮样式。

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

基础框架开源地址:https://gitee.com/software-minister/jvs文章来源地址https://www.toymoban.com/news/detail-775834.html

到了这里,关于低代码时代,如何运用JVS低代码表单组件单选与多选组件提升业务效率?的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 低代码开发重要工具:jvs-form(表单引擎)2.1.7功能清单及新增功能介绍

    在低代码开发平台中,表单是用于收集和编辑数据的页面。它通常用于创建、更新或查看单个记录的详细信息。 jvs-form是jvs快速开发平台的8大引擎的其中之一,它的特点: 与动态模型联动,支持动态的调整物理库表,也就是说无需先建库表,表单根据所需要的数据字段 可以

    2024年02月13日
    浏览(54)
  • 人工智能时代:如何运用Excel函数与公式结合AI应用办公

    本文将结合人工智能的概念和Excel的高级功能,通过具体、详细的示例,展示如何利用Excel的函数与公式提升数据处理和分析的效率。博客内容涵盖基础函数的使用、高级公式的构建、以及如何通过编程接口与Excel进行交互,实现自动化和智能化的数据处理。 在AI技术日新月异

    2024年04月09日
    浏览(62)
  • 智能小程序小部件(Widget)表单组件属性说明+代码明细

    在 Tuya MiniApp Tools 中,新建项目并选择小部件(Widget)对应模板即可自动创建小部件(Widget)项目。 按钮,用于强调操作并引导用户去点击。 属性说明 属性名 类型 默认值 必填 说明 size string default 否 按钮的大小 type string default 否 按钮的样式类型 plain boolean false 否 是否镂空 disa

    2024年01月17日
    浏览(45)
  • element UI —— form表单中Radio单选框进行切换 & 表单验证rule动态校验-validator & 保存前进行form表单校验后才能上传-validate

    element UI —— form表单中Radio单选框进行切换 表单验证rule动态校验-validator 保存前进行form表单校验后才能上传-validate 1、效果图 2、代码 结构 数据

    2024年02月07日
    浏览(54)
  • 云原生时代,如何构建自己的开源组件安全治理体系?

    「云原生安全既是一种全新安全理念,也是实现云战略的前提。 基于蚂蚁集团内部多年实践,云原生PaaS平台SOFAStack发布完整的软件供应链安全产品及解决方案,包括静态代码扫描Pinpoint,软件成分分析SCA,交互式安全测试IAST,运行时防护RASP,安全洞察Appinsight等,帮助企业客

    2024年02月02日
    浏览(54)
  • 独立服务编排逻辑引擎:jvs-logic服务原子组件介绍

    逻辑引擎的本质是可视化的服务编排是指使用图形化工具、配置和管理原子服务间的工作步骤和调用关系。这种方法可以快速的实现业务功能,使非开发人员也能轻松地创建和管理服务的工作流程。 可视化服务编排工具提供了直观的界面和丰富的功能,以及便捷的执行步骤控

    2024年02月11日
    浏览(32)
  • 前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件

    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随

    2024年02月16日
    浏览(67)
  • 低代码时代来临,程序员如何保住饭碗?

    随着低代码/无代码时代的到来,程序员需要适应这一变化来保住他们的饭碗。虽然低代码/无代码平台能够简化应用程序开发过程,但仍然存在许多机会和挑战供程序员利用。 以下是一些程序员可以采取的策略来适应低代码时代并保住饭碗的建议: 深入了解低代码/无代码技

    2024年02月11日
    浏览(54)
  • O2OA(翱途)开发平台如何在流程表单中使用基于Vue的ElementUI组件?

    本文主要介绍如何在O2OA中进行审批流程表单或者工作流表单设计,O2OA主要采用拖拽可视化开发的方式完成流程表单的设计和配置,不需要过多的代码编写,业务人员可以直接进行修改操作。 在流程表单设计界面,可以在左边的工具栏找到ElementUI组件。 将对应的组件拖动到表

    2024年03月09日
    浏览(37)
  • 前端基于 radio 增强单选框组件

    前端基于radio增强单选框组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12977 效果图如下:         # #### 使用方法 ```使用方法 !-- radioData:单选数据 curIndex:当前选择序列 @change:单选事件 -- ccRadioView :radioData=\\\"items\\\" :curIndex=\\\"current\\\" @change=\\\"radioChange\\\"/ccR

    2024年02月09日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包