フォーム内の関連フォーム複数選択サブフォーム入力サブフォーム

能力免费版轻享版专业版专属版页面JS代码不支持不支持支持支持1. 功能概述用户可以通过宜搭中的「动作面板」去写 JS 代码，从而实现自己的业务逻辑或逻辑判断。通过动作面板，您可以「更加方便的组织和复用代码」、「实现复杂交互」。注意：通过JS面板编写的逻辑一般情况下是不会对历史数据生效的。2. ...

https://docs.aliwork.com/docs/yida_support/lbtl0t/ocmxyv

1. 使用シーン

この例では、適切なフォームページで、他のページのサブフォームデータを現在のページのサブフォームに入力する方法を紹介します。

2. 機能を実現する

2.1. フォームページの作成

2.2. データソースの設定

参考ドキュメント:フォームインスタンスidに基づいてフォームインスタンスの詳細を照会する

インタフェース構成図:

2.3. 次のコードをページjsにコピーします

注意次のoptionパラメータの値を変更します。

export async function onChange({ value }) {
  const option = {
    target: 'tableField_lbafn35n', // 目标子表单组件唯一标识
    current: 'tableField_lbaft5oa', // 当前子表单组件唯一标识
    relation: [
      // 字段映射关系 targetField：目标子表单字段唯一标识， currentField：当前子表单字段唯一标识
      {
        targetField: 'textField_lbafn35q',
        currentField: 'textField_lbaft5ob' // 菜品名
      }, {
        targetField: 'numberField_lbafn35r',
        currentField: 'numberField_lbaft5oc' // 价格
      }
    ]
  };
  const { target, current, relation } = option;
  if (value.length) {
    const closeLoading = this.utils.toast({
      title: '数据获取中...',
      type: 'loading'
    });
    const tableData = [];
    const failedInstId = [];
    for (let i = 0; i < value.length; i++) {
      const delay = i === 0 ? 0 : 200;
      await new Promise((resolve => {
        // 注意节流，每次请求间隔 200 ms
        setTimeout(async () => {
          try {
            await this.dataSourceMap.getDataById.load({
              formInstId: value[i].instanceId
            }).then(res => {
              tableData.push(...res.formData[target]);
            }).catch(error => {
              closeLoading();
              this.utils.toast({
                title: error.message,
                type: 'error'
              });
            });
          } catch (e) {
            // 把失败的实例 id 收集起来
            failedInstId.push(value[i].instanceId);
          }
          resolve();
        }, delay);
      }));
    };
    const result = [];
    for (let j = 0; j < tableData.length; j++) {
      let itemObj = {}
      for (let k = 0; k < relation.length; k++) {
        itemObj[relation[k].currentField] = tableData[j][relation[k].targetField]
      };
      result.push(itemObj);
    };
    closeLoading();
    this.$(current).setValue(result);
  } else {
    this.$(current).reset();
  };
}