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

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

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

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

在下面的屏幕截图中,我们将为名为getLoanPeriods的服务调用结果设置Loan Period(years)选项。

规则编辑器

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

在代码片段中,我们将设置作为复选框组件的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和文档
  • 单击“创建” | 文件上传”并上传您在上一步中下载的文件
  • 预览表单
  • 输入申请人姓名并选择已婚的婚姻状况
  • 输入配偶姓名
  • 单击“下一步”
  • 如果婚姻状况已婚,您应该看到填写申请人姓名和配偶姓名的复选框

使用可视编辑器添加项

NOTE
假定tomcat在端口8080上运行,AEM在端口4502上运行
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e