Erstellen einer Adresskomponente
Melden Sie sich bei CRXDE in Ihrer lokalen Cloud-fähigen Instanz von AEM Forms an.
Erstellen Sie eine Kopie des Knotens /apps/bankingapplication/components/adaptiveForm/button und benennen Sie ihn in „addressblock“ um. Wählen Sie den Knoten „addressblock“ aus und legen Sie seine Eigenschaften wie unten dargestellt fest.
bankingapplication ist die appId, die beim Erstellen des Maven-Projekts bereitgestellt wurde. Diese appId kann in Ihrer Umgebung unterschiedlich sein. Sie können eine beliebige Komponente kopieren. Ich habe zufällig eine Kopie der Schaltflächenkomponente erstellt
Eigenschaften des Knotens cq-template
Wählen Sie unter dem Knoten addressblock den Knoten cq-template aus und legen Sie die Eigenschaften wie unten dargestellt fest. Beachten Sie, dass fieldType auf das Panel
Hinzufügen von Knoten unter cq-template
Fügen Sie die folgenden Knoten des Typs nt:unstructured unter cq-template hinzu
- streetaddress
- city
- zip
- state
Diese Knoten stellen die Felder der Adressblock-Komponente dar. Die Felder „streetaddress“, „city“ und „zip“ sind Texteingabefelder und das Feld „state“ ein Dropdown-Feld.
Festlegen der Eigenschaften des Knotens „streetaddress“
Wählen Sie den Knoten streetaddress aus und legen Sie die Eigenschaften wie unten dargestellt fest.
Festlegen der Eigenschaften des Knotens „city“
Wählen Sie den Knoten city aus und legen Sie die Eigenschaften wie unten dargestellt fest.
Festlegen der Eigenschaften des Knotens „zip“
Wählen Sie den Knoten zip aus und legen Sie die Eigenschaften wie unten dargestellt fest.
Festlegen der Eigenschaften des Knotens „state“
Wählen Sie den Knoten state aus und legen Sie die Eigenschaften wie unten dargestellt fest. Beachten Sie den fieldType von „state“ – es ist als Dropdown-Liste festgelegt
Die endgültige Adressblock-Komponente sieht wie folgt aus:
