自定义页面选择行求和

创建自定义页面 | 钉钉宜搭·帮助中心

能力免费版轻享版专业版专属版自定义页面不支持不支持支持支持未升级到新版信息架构的组织，请 点此查看 使用手册1. 操作步骤在应用管理界面，提供了两个创建自定义页面的入口1.1 通过【新建页面】下拉菜单创建左上角新建页面，在下拉菜单中选择【新建自定义页面(Beta)】，开始创建新建自定义页面1....

https://docs.aliwork.com/docs/yida_support/ui648w/ynk2lo

1. 使用场景

在自定义页面展示数据时，有时会需要将选中的多行数据数值进行加法运算，那么这时我们该如何快速的计算出选中行数值的总和并展示在页面中呢？那么在这里，我们将给大家演示如何实现自定义页面选择行自动求和。

2. 实现功能

2.1 创建自定义页面

2.2 配置求和

代码如下：

export function onSelectChange(selectedRowKeys, records) {
  const sum = records.reduce((prev, cur) => {
    return prev + (cur.formData.numberField_lbu52ip3 || 0);
  }, 0);
  this.$('numberField_lbu5941x').setValue(sum);
}

3. 实现效果

4. 在线试玩

示例中心 | 开发者赋能平台

AI智能体时代，全新宜搭。业务创新，一搭就行。

https://www.aliwork.com/o/coc?tplUuid=TPL_GMKGSQJ4LT0RQBT0MINK&from=yuque_subject