0编码实现列表页行内嵌套?jvs低代码配置实战示例

一、子列表【新增】表单默认回显主列表关联字段

子列表新增表单可使用表单回显配置,在新增表单中默认回显,如图效果

0编码实现列表页行内嵌套?jvs低代码配置实战示例

1、子列表中进入新增页面配置

0编码实现列表页行内嵌套?jvs低代码配置实战示例0编码实现列表页行内嵌套?jvs低代码配置实战示例

2、切换到表单设置,选择回显设置,进入回显逻辑引擎。

0编码实现列表页行内嵌套?jvs低代码配置实战示例

3、在画布中拖入【对象变量】节点,使用对象节点在打开页面时回显字段数据。参数名使用表单关联字段字段名,使用公式获取点击的主列表的行数据id。

0编码实现列表页行内嵌套?jvs低代码配置实战示例0编码实现列表页行内嵌套?jvs低代码配置实战示例

二、列表关联列表,子列表底部按钮配置逻辑引擎

1、在主列表中增加一个类型为“列表”的行内按钮,点击设计进入子列表设置页面。

0编码实现列表页行内嵌套?jvs低代码配置实战示例

2、弹出的页面中可配置子列表多个设置。

选择列表:可选择已存在的列表,或点击后面“ ”号进行新列表页创建;也可点击编辑按钮对选择的子列表页进行编辑。子列表筛选条件在子列表页开启对应字段查询

弹框标题:可设置弹出页面左上角显示所点击行数据的哪一个字段,可调整弹出页面的宽度大小。

数据过滤:设置主列表与子列表的关联关系。如果子列表行数据中的关联字段为下拉组件,那此处关联关系为【子列表关联字段】【包含】【主列表-数据id】,比如:订单明细表订单-包含-订单表数据id;如果子列表行数据中的关联字段为单行文本组件或流水号组件,那此处关联关系为【子列表关联字段】【等于】【主列表字段】,比如:学生表班级ID-等于-班级表班级ID。

查询条件:默认的查询条件,可设置不可编辑状态

按钮设置:可新增设置子列表页底部按钮,可配置按钮逻辑引擎事件。设置底部按钮后,勾选弹出页面行数据的多选框再点击底部按钮,会保存多选框的选中状态。

0编码实现列表页行内嵌套?jvs低代码配置实战示例

3、子列表行数据多选并修改处理方式:进入按钮逻辑引擎中,使用循环容器节点,循环容器节点中设置通过公式获取勾选的行数据ID。此处获取到的行数据ID是字符串数组,需要使用函数转换为对象数组才能使用。

0编码实现列表页行内嵌套?jvs低代码配置实战示例0编码实现列表页行内嵌套?jvs低代码配置实战示例

使用集合函数中的“ARRTOARROBJ”函数,数组转对象数组,比如:将["aaa","bbb","ccc","ddd"]转换为对象数组,第二个参数为对象的键值。配置保存后,回到列表页触发一次底部按钮。

0编码实现列表页行内嵌套?jvs低代码配置实战示例

回到逻辑引擎中,点击触发记录回溯触发的数据。

0编码实现列表页行内嵌套?jvs低代码配置实战示例

点击循环容器节点中的结构定义,然后点击引用测试,自动解析传入节点的数据。此处自动解析的参数名“key”为上一步函数中自己设置的参数。

0编码实现列表页行内嵌套?jvs低代码配置实战示例0编码实现列表页行内嵌套?jvs低代码配置实战示例

点击切换到循环画布,在循环画布中拖入要处理的节点,此处使用更新模型节点,循环根据对象数组更新每一行数据。

0编码实现列表页行内嵌套?jvs低代码配置实战示例0编码实现列表页行内嵌套?jvs低代码配置实战示例

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

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

相关新闻

联系我们
联系我们
公众号
公众号
在线咨询
分享本页
返回顶部