将项目动态添加到选择的组组件

AEM Forms 6.5引入了将项目动态添加到自适应Forms选择组组件(如复选框、单选按钮和图像列表)的功能。

您可以使用可视化编辑器以及代码编辑器添加项目,具体取决于您的用例。

使用可视编辑器: 您可以从函数调用或服务调用的结果中填充所选组的项目。 例如,您可以通过使用REST API调用的响应来设置选择组的项目。

在下面的屏幕截图中,我们将“贷款期(年)”选项设置为名为getLoanPeriods的服务调用结果。

规则编辑器

使用代码编辑器:当您想要根据表单中输入的值动态设置选择组中的项目时。 例如,以下代码片段将复选框的项目设置为在自适应表单的申请人名称和配偶字段中输入的值。

在代码片段中,我们设置WorkingMembers的项目,这是一个复选框组件。 项目的数组是通过获取自适应表单的applicantName和配偶文本字段的值来动态构建的

 
 if(MaritalStatus.value=="Married")
  {
WorkingMembers.items =["spouse="+spouse.value,"applicant="+applicantName.value];
  }
else
  {
    WorkingMembers.items =["applicant="+applicantName.value];
  }

提交的数据如下

<afUnboundData>

<data>

<applicantName>John Jacobs</applicantName>

<MaritalStatus>Married</MaritalStatus>

<spouse>Gloria Rios</spouse>

<WorkingMembers>spouse,applicant</WorkingMembers>

</data>

</afUnboundData>

使用规则编辑器添加项目

使用代码编辑器添加项目

要在系统上尝试此操作,请执行以下操作:

使用代码编辑器添加项目

  • 下载资产
  • 打开Forms和文档
  • 单击“创建” |文件上传”,并上传您在上一步中下载的文件
  • 预览表单
  • 输入申请人姓名并选择已婚者的婚姻状况
  • 输入配偶姓名
  • 单击下一步
  • 如果婚姻状况已婚,您应会看到填有申请人姓名和配偶姓名的复选框

使用可视编辑器添加项目

注意

假定tomcat在端口8080上运行,AEM在端口4502上运行

在此页面上