선택 그룹 구성 요소에 동적으로 항목 추가

AEM Forms 6.5에는 CheckBox, 라디오 단추 및 이미지 목록과 같은 적응형 Forms 선택 그룹 구성 요소에 항목을 동적으로 추가하는 기능이 도입되었습니다.

사용 사례에 따라 코드 편집기와 시각적 편집기를 사용하여 항목을 추가할 수 있습니다.

시각적 편집기 사용: 함수 호출 또는 서비스 호출 결과에서 선택 그룹의 항목을 채울 수 있습니다. 예를 들어 REST API 호출의 응답을 사용하여 선택 그룹의 항목을 설정할 수 있습니다.

아래 스크린샷에서는 getLoanPeriods라는 서비스 호출 결과에 대해 대출 기간(년) 옵션을 설정하고 있습니다.

코드 편집기 사용: 양식에 입력한 값에 따라 선택 그룹의 항목을 동적으로 설정하려면 다음을 수행합니다. 예를 들어 다음 코드 조각은 확인란의 항목을 적응형 양식의 지원자 이름 및 배우자 필드에 입력한 값으로 설정합니다.

코드 스니펫에서 확인란 구성 요소인 WorkingMembers 항목을 설정하고 있습니다. 항목에 대한 배열은 적응형 양식의 신청자 이름 및 배우자 텍스트 필드 값을 가져와 동적으로 구축됩니다

 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>

규칙 편집기를 사용하여 항목 추가

코드 편집기를 사용하여 항목 추가

시스템에서 다음을 수행하십시오.

코드 편집기를 사용하여 항목 추가

시각적 편집기를 사용하여 항목 추가