轻松实现数据操作：JVS低代码列表页与逻辑联动的解决方案

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

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

1、进入设计界面

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

2、设计对应按钮触发

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

按钮位置有两个选项，如下图所示：

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

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

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

3、逻辑的设计

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

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

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

②：设置循环容器

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

在循环画布中，进行如下设置：

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

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

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

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

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

低代码往期干货

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

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

这两个用低代码表单配置的应用场景，太实用了