EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
安装部署
应用开发
专题场景实战案例
低代码(Low-Code)开发参考手册
高开开发参考手册
流程开发参考手册
AFCenter 使用指南
Governor 使用指南
FAQ
  • 访问子表格的数据和接口
  • 1.场景介绍
  • 2.操作步骤

# 访问子表格的数据和接口

# 1.场景介绍

使用场景:工程表与工程项目表为1:n持久化实体模型关系,工程表表单中通过自定义按钮点击后新增工程项目表中的数据行,工程表中项目申报总金额会自动根据子表格中填写的每一个项目金额进行汇总显示出来。

# 2.操作步骤

详细步骤如下:

1.根据工程表与工程项目表持久化实体分别创建表单。

2.拖动子表格组件并绑定工程项目表,子表格绑定n端实体对象字段。

3.在子表格上方拖一个按钮组件,修改按钮名称为新增子表格行数据(这里需要通过拿到子表格绑定视图的frame,通过调用frame中的api来实现新增子表格行数据操作);按钮高级选项中新建点击时事件,写入如下js:

// 获取子表格对象后调用它的newRow新增行API
this.Api.getFrame("projectDetails").Api.newRow()

4.打开表单设置中业务规则,新建业务规则,输入名称-计算项目金额总和,在规则编辑器中写入如下js:

//计算子表格对象中的金额属性总和并赋值给当前表单金额字段
this.formData.money = _.sumBy(this.formData.projectDetails, "money")

效果展示:

上次更新: 2024/2/4下午4:01:23

← ⾃定义窗⼝操作按钮 弹出列表选择多条数据并回填子表格 →