建立地址元件

登入本機雲端就緒的AEM Forms執行個體的CRXDE。

建立/apps/bankingapplication/components/adaptiveForm/button節點的復本,並將其重新命名為addressblock。 選取addressblock節點並設定其屬性,如下所示。

NOTE
bankingapplication是在建立Maven專案時提供的appId。 此appId在您的環境中可能會不同。 您可以製作任何元件的副本,我剛才正好製作按鈕元件的副本

位址區塊

cq-template節點屬性

選取addressblock節點下的cq-template節點並設定其屬性,如下所示。 請注意,fieldType已設定為panel
cq-template

在cq-template下新增節點

cq-template下新增下列型別nt:unstructured的節點

  • streetaddress
  • 城市
  • ZIP
  • 州別

這些節點代表位址區塊元件的欄位。 街道地址、城市和郵遞區號欄位將是文字輸入欄位,而州別欄位將是下拉式欄位。

設定streetaddress節點的屬性

NOTE
路徑中的​**銀行應用程式**​參考Maven專案的appId。 您的環境可能會有所不同

選取streetaddress節點並設定其屬性,如下所示。
街道地址

設定城市節點的屬性

選取city節點並設定其屬性,如下所示。
城市

設定zip節點的屬性

選取zip節點並設定其屬性,如下所示。
zip

設定狀態節點的屬性

選取state節點並設定其屬性,如下所示。 請注意fieldType的狀態型別 — 已設定為下拉式清單
狀態

設定狀態列位的選項

選取state節點並新增下列屬性。

名稱
類型
列舉
字串[]
CA,紐約
enumName
字串[]
加利福尼亞、紐約

最終的addressblock元件看起來像這樣

final-address

後續步驟

部署專案

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69