列表页是用户对数据查询、操作的基础入口,那么按钮对逻辑的联动操作是我们常见的业务形态,那么我们先看一个示例,如下所示:

JVS低代码列表页与逻辑联动助力业务升级_低代码

通过列表页的顶部按钮和行级按钮触发不同的逻辑,对本列表页的数据进行修改,表级按钮触发对模型中的一个字段所有数据进行“+1”,行级按钮触发的是本行数据的某个字段“-1”,那么这种就是列表页与逻辑联动实现对数据模型的修改,那么接下来我们看看如何具体配置。

1、进入设计界面

在具备应用配置权限的用户,进入列表页设计界面,如下图所示,菜单的“...” 图标上,悬空会弹出列表页配置菜单,点击②设计页面

JVS低代码列表页与逻辑联动助力业务升级_低代码_02

2、设计对应按钮触发

进入列表页的按钮配置界面,找到对应按钮配置

JVS低代码列表页与逻辑联动助力业务升级_数据查询_03

按钮位置有两个选项,如下图所示:

JVS低代码列表页与逻辑联动助力业务升级_数据_04

顶部选项表示列表页的表级按钮,常用于数据的新增、数据的批量删除等操作;行内选项常用于对本行数据的操作,例如对本行数据的修改、本行数据的详情查看、本行数据的删除等。

按钮触发选择逻辑引擎,如下图①所示,表示本按钮点击时会触发调用一个自定义逻辑,这个逻辑的设计入口如下图中②所示

JVS低代码列表页与逻辑联动助力业务升级_字段_05

点击上图中的②会进入触发逻辑的设计界面。

3、逻辑的设计

行级按钮点击设计时,系统会把整行的数据作为入参传入到逻辑执行过程中,可以在逻辑处理时使用这些数据,用于数据判断或者数据计算,如下图所示,通过传入的数据ID作为更新数据模型的查询条件,也就是表明只更新本行对应的字段的数据

JVS低代码列表页与逻辑联动助力业务升级_私有化部署_06

当触发表级数据修改时,就需要使用逻辑的循环处理(具体配置请查看逻辑配置的相关章节),如下图所示:

JVS低代码列表页与逻辑联动助力业务升级_数据_07

①:将满足条件的所有数据查询出来

②:设置循环容器

③:进入循环画布进行配置循环内部的执行操作

在循环画布中,进行如下设置:

JVS低代码列表页与逻辑联动助力业务升级_数据_08

①:设置更新模型的业务处理节点

②:设置数量字段使用公式,设置公式内容如下,表示在循环节点中执行 数量=数量+1

JVS低代码列表页与逻辑联动助力业务升级_数据_09

③:设置修改数据的过滤条件,如下设置,表示修改的数据一条一条按照数据ID进行修改

JVS低代码列表页与逻辑联动助力业务升级_私有化部署_10

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

开源地址:https://gitee.com/software-minister/jvs

低代码往期干货

低代码开发重要工具:JVS列表页与表单配置全解析

告别单调的列表页,探索JVS低代码列表页设计的新思路

JVS低代码如何通过逻辑触发变量节点进行表单数据回显?