メインコンテンツまでスキップ

フォーム内の他のフォームデータをラジオで関連付けた後、関連オプションを実装します

このケースは、三者の開発者「peng」から来ています

1. 使用シーン

適切なラジオコンポーネントは関連オプション設定を設定できますが、オプションタイプが「他のフォームデータを関連付ける」場合、関連オプション設定は使用できませんこの例では、コードで関連オプション設定を実装する方法を紹介します。

2.機能を実現する

2.1ページ設定

2.2次のコードをページ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)
};
}

使用する場合は、value esmapパラメータを維持するだけでよい。

['対応する項目' 、 ['コンポーネントの一意のidを表示する必要があります']

上記の例では Aを選択すると、textfield_leqgx0trとtextfield_leqgx0tsが表示されます。

Bを選択すると、textfield_leqgx0ttとtextfield_leqgx0tuが表示されます。

順番に類推する… は...

2.3イベントバインディング

3.効果を実現する

4.オンラインで試してみます

Copyright © 2025钉钉(中国)信息技术有限公司和/或其关联公司浙ICP备18037475号-4