国コンポーネントの構造の作成
[AEM Forms as a Cloud Service]{class="badge informative"}
AEM Forms インスタンスにログインし、次の手順に従って、標準のドロップダウンコンポーネントに基づいて新しいコンポーネントを作成します。
- CRXDE Lite で「/apps/<yourproject>/components/adaptiveForm/dropdown」に移動します。
- ドロップダウンコンポーネントをコピーし、同じディレクトリレベルにペーストします。
- コピーしたコンポーネントの名前を国に変更します。
- cq:template ノードの jcr:title プロパティを国に更新します。
- 変更を保存します。
これで、国という名前の新しいコンポーネントが作成されます。これは、標準のドロップダウンコンポーネントの正確なレプリカです。これは、さらなるカスタマイズの基盤として機能します。
HTL ファイルの作成
国コンポーネントの HTL ファイルを作成するには、次の手順に従います。
- CRX リポジトリの国フォルダーに移動します
- countries.html という名前の新しいファイルを作成します。
- CRX リポジトリ内の /apps/core/fd/components/form/dropdown/v1/dropdown/dropdown.html ファイルを開き、その内容をコピーします。
- コピーした内容を countries.html にペーストします。
- スクリーンショットに示すように、新しい Sling モデルを使用するようにコードを変更します
- 変更を保存します。
最後に、CRX リポジトリ内の変更が AEM プロジェクトに反映されるように、プロジェクトをこれらの更新と同期します。
次の手順
recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69