钉钉宜搭 子表单 动态新增一项并赋值

上张图片是返回的数据 

 

 上面的图片为初次加载时 子表单只有一行 且值为空,先要求根据接口返回的数据长度来决定添加几行,并且将值赋值给每行,即下面图片的形式

官方使用手册是真的一言难尽啊!! 也可能是我太拉!! 完整代码如下


      var info = response.data[0].formData.tableField_lgvth8zq
      if (info && info.length > 0) {
        let newValue = info.map((item) => {
          console.log("key值", Object.keys(item)[0])
          console.log("value值", Object.values(item))
        
          return {
            "textField_lgvth8zv": Object.values(item)[0],  //textField_lgvth8zv 子表单 第一个元素的唯一标识
            "textField_lgvth8zw": Object.values(item)[1],  //textField_lgvth8zw子表单 第二个元素的唯一标识
            
          }
        })
        this.$("tableField_lgvth8zq").setValue(newValue);  //tableField_lgvth8zq 子表单组件唯一标识  注意区别
      } else {
        this.$("tableField_lgvth8zq").reset();
      }

    
    });

 

  • 5
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
您可以在宜搭表单中添加一个自定义操作按钮,然后使用JavaScript代码编写一个函数来实现编辑当前行的功能。具体步骤如下: 1. 在宜搭中打开您的表单,点击右上角的“设置”按钮,在“操作”选项卡中添加一个自定义操作按钮。 2. 在“操作”选项卡中找到您刚刚添加的自定义操作按钮,点击“编辑”按钮,在“操作类型”下拉框中选择“自定义操作”。 3. 在“操作类型”下拉框中选择“自定义操作”后,会出现“按钮文本”和“按钮点击事件”两个选项。在“按钮文本”中填写您希望在按钮上显示的文字,比如“编辑”。 4. 在“按钮点击事件”中编写JavaScript代码,实现编辑当前行的功能。具体代码如下: ```javascript function editCurrentRow() { // 获取当前行的数据 var currentRowData = $subTable.getCurrentRowData(); // TODO: 编写您的编辑逻辑,比如弹出一个编辑框,将当前行的数据填充到编辑框中 // 提示用户编辑成功 $ui.toast('编辑成功'); } ``` 在这段代码中,我们首先使用 `$subTable.getCurrentRowData()` 获取当前行的数据。然后根据您的实际需求,编写编辑逻辑。最后使用 `$ui.toast('编辑成功')` 提示用户编辑成功。 5. 点击“保存”按钮保存您的表单设置,然后在页面中预览您的表单,点击自定义操作按钮,即可触发编辑当前行的功能。 希望这个回答能够帮助您解决问题。如果您还有其他问题,欢迎随时向我提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值