Select associate other form data in the form to implement the association option

JS 动作面板 - 前端代码开放 | 钉钉宜搭·帮助中心

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

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

This case is from Peng, a three-party developer 」

1. Usage scenarios

You can configure Association option settings for the radio component in YIDA, but if the option type is associated with other form data, the association option settings are not available, this example describes how to use code to set association options.

2. Implement functions

2.1 page configuration

2.2 Copy the following code to Page JS

export function onChange({ value }) {
  this.changeBehavior(value);
}

export function changeBehavior(value) {
  const valuesMap = new Map([
    ['A', ['textField_leqgx0tr', 'textField_leqgx0ts']],
    ['B', ['textField_leqgx0tt', 'textField_leqgx0tu']],
    ['C', ['textField_leqgx0tv']],
    ['D', ['textField_leqgx0tw']],
  ]);

  for (const i of valuesMap.values()) {
    i.forEach((fieldId) => { this.$(fieldId).setBehavior('HIDDEN') }, this);
  };
  
  if (valuesMap.has(value)) {
    valuesMap.get(value).forEach((fieldId) => { this.$(fieldId).setBehavior('NORMAL') }, this)
  };
}

When using, we only need to maintain valuesMap parameters.

['Corresponding item', ['unique identifier of the component needs to be displayed ']

In the preceding example: When A is selected, textField_leqgx0tr and textField_leqgx0ts are displayed.

When B is selected, textField_leqgx0tt and textField_leqgx0tu are displayed.

And so on...

2.3 event binding

3. Achieve results

4. Try it online

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

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

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