JVS低代码表单自定义按钮的使用说明和操作示例

news/2024/5/17 18:02:44 标签: 前端, 大数据, java, 开源, gitee

在普通的表单设计中,虽然自带的【提交】、【重置】、【取消】按钮可以满足基本操作需求,但在面对更多复杂的业务场景时,这些按钮的显示控制就显得有些力不从心。为了更好地满足用户在表单操作过程中的个性化需求,JVS低代码推出了表单自定义按钮功能。这项功能不仅可以更灵活地操作表单数据,还可进行校验、删除以及弹窗设置,极大地丰富了表单的操作性和实用性。接下来我详细介绍表单自定义按钮的使用说明和操作示例,帮助用户更好地理解和运用这项功能,以实现更高效、更个性化的表单操作。

表单自定义按钮

使用说明

表单设计自带固定的【提交】【重置】【取消】按钮,仅支持显示控制,故不能扩展更多的业务场景,因此自定义按钮的添加就可以更灵活的操作表单数据,还可以进行校验/删除和弹窗的设置。

注:自定义按钮不受前后置事件影响,凡是有影响到数据的配置建议谨慎操作。

入口

进入表单设计页面点击顶端右侧【按钮设置】→【增加按钮】。

增加按钮后默认按钮名称,也可以自行修改,必填。

自定义按钮配置业务逻辑主要是用于对业务原子功能的数据逻辑编排,同时接入外部应用,可以满足数据处理、业务实现、自动化业务的实现。通过操作节点的配置和编排,实现表单之间的数据互联互通。

操作示例

点击【业务逻辑配置】新窗口打开逻辑设置页面。

根据函数公式判断参数值控制按钮是否显示。

操作示例

勾选启用列点击【配置公式】打开公式设置页面,选择函数公式选择参数实现按钮显隐。

通过勾选是否校验来配置按钮校验表单必填等信息。

操作示例

列表页中表单自定义按钮默认开启关闭弹窗设置,独立的表单设计中自定义按钮没有弹窗设置,都是可以删除操作。

在业务关联规则里还可以设置该自定义按钮对其它模型数据进行处理。

操作示例

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

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


http://www.niftyadmin.cn/n/5170953.html

相关文章

登录注册代码模板(Vue3+SpringBoot)[邮箱发送验证码(HTML)、RSA 加密解密(支持长文本)、黑暗与亮色主题切换、AOP信息校验]

文章归档:https://www.yuque.com/u27599042/coding_star/cx5ptule64utcr9e 仓库地址 https://gitee.com/tongchaowei/login-register-template 网页效果展示 相关说明 在该代码模板中,实现了如下功能: 邮箱发送验证码(邮件内容…

【Loki】最佳实践 - 基于LogQL的Metric

目录 1. 前言2. 最佳实践3. 后记4. 参考 1. 前言 职业生涯一直都是在传统软件行业里,因此所接触到的系统多以单体为主,规模体量上限低,因此不论是团队技术氛围,还是实际的资源投入上,监控这一块都属于是年三十晚上打的…

LeetCode16的最接近的三数之和

目录 优化解法暴力搜索 优化解法 看了题解之后的根据题解的意思编写的优化解法,感觉还行,代码算是比较简短了,没有复杂的逻辑,就是写的时候总是只记得记录那个sum,忘记要记录最小的差值,更新min_minus. class Solution {public int threeSumClosest(int[] nums, int target) {…

conda添加清华镜像源

一、conda下载 https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/ 显示所有channel conda config --show channels 二、添加清华镜像源 conda config --add channels https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/ conda config --add channels https://…

Etsy自养号批量注册环境搭建系统

Etsy 是美国一个在线销售手工工艺品的网站,网站集聚了一大批极富影响力和号召力的手工艺术品设计师。在Etsy,人们可以开店,销售自己的手工艺品,模式类似eBay和中国的淘宝。 Etsy是一个网络商店平台,以手工艺成品买卖为…

HTML5学习系列之简单使用1

HTML5学习系列之简单使用1 前言基础显示学习定义网页标题定义网页元信息定义网页元信息定义文档结构div元素di和classtitlerole注释 总结 前言 下班加班期间的简单学习。 基础显示学习 定义网页标题 <html lang"en"> <head> <title>从今天开始努…

ScrollView 与 SliverPadding 的关系

基本页面布局 Scaffold 中有个 ListView&#xff0c;ListView 中有 100 个高 50 的 Container 用作辅助观看&#xff0c;ListView 中第三个元素是一个 GridView&#xff0c;GridView 的滑动效果被禁止。 class GiveView extends GetView<GiveController> {const GiveVi…

Leetcode-94 二叉树的中序遍历

递归实现 /*** Definition for a binary tree node.* public class TreeNode {* int val;* TreeNode left;* TreeNode right;* TreeNode() {}* TreeNode(int val) { this.val val; }* TreeNode(int val, TreeNode left, TreeNode right) {* …