AEM Forms as a Cloud Service の Edge Delivery Services の URL または別のシートからのオプション
多くの場合、フォームには、ユーザーが定義済みのオプションから選択するドロップダウンメニューが含まれます。 これらのオプションは通常、フォーム自体内で定義されますが、長いリストの管理は面倒な場合があります。 このガイドでは、URL を使用して別のスプレッドシートからドロップダウンオプションを読み込んでフォームのオーサリングを改善する方法について概要を説明します。
別のスプレッドシートからドロップダウンオプションを読み込むことには、次のメリットがあります。
- 管理の簡素化：ドロップダウンオプションを一元的な場所に維持して、更新や追加を簡単にします。
- 効率の向上：フォーム定義内に長いオプションリストを手動で追加する必要がなくなります。
この記事を最後まで読むと、以下の操作を実行できるようになります。
別個のシートでオプションを定義する define-options
別のスプレッドシートでオプションを定義
-
次のように、スプレッドシートを作成します。
- Microsoft® SharePoint または Google Drive で AEM プロジェクトフォルダーを見つけます。
- 新しいシートを追加します。 例：「shared-country」。
-
オプション列を定義します。
「オプション」と「値」の 2 つの列を追加します。- 「オプション」では、ドロップダウンメニューに表示されるテキストを定義します。
- 「値」では、ユーザーがオプションを選択したときに送信される値を定義します。
note note NOTE オプションと値の両方が同じ場合は、「オプション」列のみが必要です。 -
スプレッドシートに入力します。
「オプション」列（必要に応じて「値」列）に国のオプションを入力します。構造について詳しくは、以下の例を参照してください。
-
AEM Sidekick を使用して、
shared-countryシートをプレビューし公開します。例えば、プロジェクトのリポジトリの名前が「wefinance」で、アカウント所有者「wkndform」の下にあり、「main」分岐を使用している場合、
shared-countryシートを表示する URL は次のようになります。https://main--wefinance--wkndform.aem.live/enquiry.json?sheet=country
?sheet=country は、URL に追加されたクエリパラメーターです。 このパラメーターは、shared-country シートに基づいてフィルタリングされた JSON を示します。 様々な国に関連する情報を含んだ JSON ファイルにリダイレクトされます。ドロップダウンリストのオプションを読み込む URL を追加する add-url
select フィールドの Options プロパティには URL を指定できます。 その URL は、Destination ドロップダウンリストのオプションとして使用される JSON 配列を返します。 ドロップダウンリストのオプションを読み込む URL を追加するには、次の手順に従います。
-
Microsoft® SharePoint または Google ドライブ上の AEM プロジェクトフォルダーに移動し、スプレッドシートを開きます。 また、フォーム用の新しいスプレッドシートを作成することもできます。
-
shared-countryシートの URL をコピーして、DestinationフィールドのOptions列にペーストします。
-
AEM Sidekick を使用して、シートをプレビューし公開します。
照会スプレッドシートを参照して、ドロップダウンリストのオプションを読み込む URL を追加できます。
ドロップダウンリストのオプションを読み込む URL をフォーム定義に統合したら、Destination ドロップダウンのオプションが URL から表示されるようになります。
例えば、プロジェクトのリポジトリの名前が「wefinance」で、アカウント所有者「wkndform」の下にあり、「main」分岐を使用している場合、以下の URL は、別のシートに保存されているオプションを表示する enquiry フォームを表示します。
https://main--wefinance--wkndform.aem.live/enquiry-form