【写在前面】
如果你的AEM Instance 没有Forms的功能,请参考我的文章 【AEM Forms】AEM Forms表单拓展包安装
【正文】
创建一个Adaptive Form
选择Basic Template
命名为form practice,点击创建
进入到编辑界面
删除掉Root Panel下的所有Panel,还有Toolbar
只留下一个空的Root Panel
设置Root Panel的Layout为 Response
添加一个Child Panel,命名为Bill Address Panel,也就是账单地址区域
在Bill Address Panel里面,添加一些相关地址信息的Component
选择Bill Address Panel,点击 Save as Fragment
填写信息,作为一个通用的Address Fragment
保存为Fragment后,就会变成这样的一个形式,如下图
再回到当前Fragment的同级目录,就会发现自动创建了一个叫 Address Fragment的表格框架
复用Address Fragment,创建Shipping Address Panel,也就是邮寄地址表单区域
在编辑界面的Side Panel选择Asset,并筛选到Adaptive Form Fragment
筛选出address panel,并拖拽到Root Panel中
选中新拖拽的Address Panel,点击编辑,并填写相应的信息
保存后,通过Preview界面,可以看到复用同一个Address Form Fragment,实现了两个地址表单区域