创建地址组件

登录到AEM Forms的本地云就绪实例的CRXDE。

创建/apps/bankingapplication/components/adaptiveForm/button节点的副本并将其重命名为addressblock。 选择地址块节点并设置其属性,如下所示。

NOTE
bankingapplication是在创建Maven项目时提供的appId。 您的环境中此appId可能不同。 您可以制作任何组件的副本,而我刚好制作了一个按钮组件的副本

地址块

cq-template节点属性

选择addressblock节点下的cq-template节点并设置其属性,如下所示。 请注意,fieldType设置为panel
cq-template

在cq-template下添加节点

cq-template下添加以下类型为nt:unstructured的节点

  • streetaddress
  • 城市
  • zip
  • 州/省

这些节点表示地址块组件的字段。 streetaddress、city和zip字段将是文本输入字段,state字段将是下拉字段。

设置streetaddress节点的属性

NOTE
路径中的​**bankingapplication**​引用maven项目的appId。 您的环境中可能存在差异

选择streetaddress节点并设置其属性,如下所示。
街道地址

设置城市节点的属性

选择city节点并设置其属性,如下所示。
城市

设置zip节点的属性

选择zip节点并设置其属性,如下所示。
zip

设置状态节点的属性

选择state节点并设置其属性,如下所示。 注意fieldType的状态类型 — 它设置为下拉列表
状态

最终的地址块组件将如下所示

最终地址

后续步骤

部署项目

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