반복 가능한 섹션이 포함된 양식 만들기(핵심 구성 요소)

반복 가능 섹션은 동일한 데이터의 여러 인스턴스에 대한 정보를 수집하기 위해 중복되거나 여러 번 반복될 수 있는 양식의 일부를 나타냅니다.

예를 들어 개인의 작업 경험에 대한 정보를 수집하는 데 사용되는 양식을 생각해 보십시오. 각 이전 작업의 세부 정보를 캡처하는 반복 가능한 섹션이 있을 수 있습니다. 반복 가능 섹션에는 일반적으로 회사 이름, 직책, 고용 날짜 및 직무 책임과 같은 필드가 포함됩니다. 사용자는 반복 가능 섹션의 여러 인스턴스를 추가하여 보유하고 있는 각 작업에 대한 정보를 입력할 수 있습니다.

이 문서의 끝 부분에서는 다음 방법을 배웁니다.

• 적응형 양식에 반복 가능한 섹션 만들기
• 적응형 양식 구성 요소에 대한 최소 또는 최대 반복 횟수 설정
• 규칙 편집기를 사용하여 반복 가능한 섹션에 대한 추가 또는 삭제 작업을 구성합니다.

다음을 사용할 수 있습니다. 패널, 어코디언, 가로 탭, 또는 마법사 적응형 양식의 섹션을 반복 가능하게 만들 구성 요소. 패널, 아코디언, 가로 탭 또는 마법사 구성 요소에 하위 구성 요소를 추가하여 양식에 반복 가능한 섹션을 만들 수 있습니다.

이 문서의 예제는 패널 구성 요소. 동일한 단계를 수행하여 다음을 만들 수 있습니다 어코디언, 가로 탭, 및 마법사 구성 요소가 반복 가능합니다.

양식에서 반복 가능한 섹션 추가 또는 삭제

양식에서 패널을 반복하거나 반복 가능한 패널을 제거하려면 양식 작성자가 버튼 구성 요소를 사용하여 패널의 인스턴스를 추가하거나 제거합니다. 양식에서 반복 가능한 섹션(패널)을 추가하거나 삭제하려면 다음을 수행합니다.

• 패널 컨테이너를 반복 가능하도록 설정
• 반복 가능한 섹션 추가
• 반복 가능한 섹션 삭제

패널 컨테이너를 반복할 수 있도록 설정

패널이 반복 가능하도록 하려면 다음 단계를 수행하십시오.

1. 패널 컨테이너를 선택하고 탭합니다. .

2. 다음을 클릭합니다. 반복 패널 토글을 다음으로 전환 패널이 반복 가능하도록 설정.

3. 설정 최소 반복 반복 가능한 최소 섹션에 필요한 경우 다음을 설정할 수 있습니다 최소 반복 패널을 복원하지 않거나 반복된 패널을 제거하려면 0으로 설정합니다. 기본적으로 최소 반복 값은 0입니다.

4. 설정 최대 반복 필요한 횟수만큼 패널을 반복하려면 기본적으로 값이 무한대입니다.

   노트

   • 최소 반복은 -ve 값일 수 없습니다.
   • 반복할 수 없는 패널을 만들려면 최대 및 최소 필드 값을 1로 설정하십시오.

인스턴스 관리자를 사용하여 반복 가능한 섹션 추가(스크립트를 통해)

반복할 패널의 상위 항목에는 패널의 반복 인스턴스를 관리하기 위한 추가 버튼이 포함되어 있어야 합니다. 상위에 단추를 삽입하고 단추에 스크립트를 활성화하려면 다음 단계를 수행하십시오.

1. 추가 버튼 구성 요소 (으)로 변경되었습니다. 아래 예제 비디오에서 레이블 이름이 인 버튼 구성 요소 추가 및 필드 이름 패널 추가​가 사용됩니다. 구성 요소를 선택하고 을 누릅니다 . 버튼 구성 요소의 규칙이 규칙 편집기에 열립니다.

2. 규칙 편집기 창에서 만들기.

   선택 비주얼 편집기 양식 개체 및 함수 행에서

   1. 규칙 영역의 WHEN에서 state를 선택합니다 클릭됨.
   2. THEN에서 인스턴스 추가​을 클릭하고 다음을 사용하여 패널을 드래그 앤 드롭합니다 또는 다음을 사용하여 선택 개체를 놓거나 여기를 선택하십시오.

   선택 코드 편집기 양식 개체 및 함수 행에서 클릭 규칙 편집 코드 영역에서 다음을 수행합니다.

   • 패널 추가 단추를 만들려면 다음을 지정합니다 this.panel.instanceManager.addInstance()

   완료​를 클릭합니다.

인스턴스 관리자를 사용하여 반복 가능한 섹션 삭제(스크립트를 통해)

패널의 상위에는 반복 가능한 패널의 인스턴스를 삭제하려면 삭제 단추가 있어야 합니다. 상위에 단추를 삽입하고 단추에 스크립트를 활성화하여 반복 가능한 패널을 삭제하려면 다음 단계를 수행하십시오.

1. 추가 버튼 구성 요소 패널의 상위, 아래 비디오에서 레이블 이름이 인 버튼 구성 요소 삭제 및 필드 이름 DeletePanel 를 사용합니다. 구성 요소를 선택하고 을 누릅니다 . 버튼 구성 요소의 규칙이 규칙 편집기에 열립니다.

2. 규칙 편집기 창에서 만들기.

   선택 비주얼 편집기 양식 개체 및 함수 행에서

   1. 규칙 영역에서 WHEN DeletePanel, 상태 선택 클릭됨.
   2. THEN에서 인스턴스 제거​을 클릭하고 다음을 사용하여 패널을 드래그 앤 드롭합니다 또는 다음을 사용하여 선택 개체를 놓거나 여기를 선택하십시오.

   선택 코드 편집기 양식 개체 및 함수 행에서 클릭 규칙 편집 코드 영역에서 다음을 수행합니다.

   • 패널 삭제 단추를 만들려면 다음을 지정합니다 this.panel.instanceManager.removeInstance(this.panel.instanceIndex)

   완료​를 클릭합니다.

양식 템플릿에서 반복되는 하위 양식 사용(XDP/XSD)

반복 가능한 하위 양식은 적응형 Forms의 반복 가능한 패널과 유사합니다. AEM Forms Designer에서 다음 단계를 수행하여 반복되는 하위 양식을 만듭니다.

1. 계층 팔레트에서 반복할 하위 양식의 상위 하위 양식을 선택합니다.
2. 개체 팔레트에서 하위 양식 탭을 클릭하고 컨텐츠 목록에서 흐름을 선택합니다.
3. 반복할 하위 양식을 선택합니다.
4. 개체 팔레트에서 하위 양식 탭을 클릭하고 컨텐츠 목록에서 위치함 또는 흐름을 선택합니다.
5. 바인딩 탭을 클릭하고 각 데이터 항목에 대해 하위 양식 반복을 선택합니다.
6. 최소 반복 횟수를 지정하려면 최소 횟수(Min Count)를 선택하고 연관된 상자에 숫자를 입력합니다. 이 옵션을 0으로 설정하고 데이터 병합 시 하위 양식의 개체에 대해 데이터가 제공되지 않으면 양식을 렌더링할 때 하위 양식이 배치되지 않습니다.
7. 하위 양식 반복의 최대 횟수를 지정하려면 최대값을 선택하고 연관된 상자에 숫자를 입력합니다. [최대] 상자에 값을 지정하지 않으면 하위 양식 반복 횟수는 제한이 없습니다.
8. 데이터 수량에 관계없이 하위 양식 반복 횟수를 지정하려면 초기 수를 선택하고 관련 상자에 숫자를 입력합니다. 이 옵션을 선택하고 사용할 수 있는 데이터가 없거나 지정된 초기 개수 값보다 적은 데이터 항목이 있는 경우 하위 양식의 빈 인스턴스가 계속 양식에 배치됩니다.
9. 상위 하위 양식에 인스턴스 추가 단추와 반복 가능한 하위 양식의 인스턴스 삭제 단추 두 개를 추가합니다. 자세한 단계는 를 참조하십시오. 작업 빌드.
10. 이제 양식 템플릿을 적응형 양식에 연결합니다. 자세한 단계는 를 참조하십시오. 템플릿을 기반으로 적응형 양식 만들기.
11. 9단계에서 만든 단추를 사용하여 하위 양식을 추가하거나 제거합니다.

첨부된 .zip 파일에는 반복 가능한 하위 양식 샘플이 포함되어 있습니다.

파일 가져오기

XSD(XML 스키마)의 반복 설정 사용

XML 스키마와 복합 유형 요소의 minOccours 및 maxOccurs 속성에서 반복 가능한 패널을 만들 수 있습니다. XML 스키마에 대한 자세한 내용은 XML 스키마를 양식 모델로 사용하여 적응형 양식 만들기.

다음 코드에서는 SampleType패널은 minOccours 및 maxOccurs 속성을 사용합니다.

<?xml version="1.0" encoding="utf-8" ?>
    <xs:schema targetNamespace="https://adobe.com/sample.xsd"
                    xmlns="https://adobe.com/sample.xsd"
                    xmlns:xs="https://www.w3.org/2001/XMLSchema"
                >

        <xs:element name="sample" type="SampleType"/>

        <xs:complexType name="SampleType">
            <xs:sequence>
                <xs:element name="leaderName" type="xs:string" default="Enter Name"/>
                <xs:element name="assignmentStartDate" type="xs:date"/>
                <xs:element name="gender" type="GenderEnum"/>
                <xs:element name="noOfProjectsAssigned" type="IntType"/>
                <xs:element name="assignmentDetails" type="AssignmentDetails"
                                            minOccurs="0" maxOccurs="10"/>
            </xs:sequence>
        </xs:complexType>

        <xs:complexType name="AssignmentDetails">
            <xs:attribute name="name" type="xs:string" use="required"/>
            <xs:attribute name="durationOfAssignment" type="xs:unsignedInt" use="required"/>
            <xs:attribute name="numberOfMentees" type="xs:unsignedInt" use="required"/>
             <xs:attribute name="descriptionOfAssignment" type="xs:string" use="required"/>
             <xs:attribute name="financeRelatedProject" type="xs:boolean"/>
       </xs:complexType>
  <xs:simpleType name="IntType">
            <xs:restriction base="xs:int">
            </xs:restriction>
        </xs:simpleType>
  <xs:simpleType name="GenderEnum">
            <xs:restriction base="xs:string">
                <xs:enumeration value="Female"/>
                <xs:enumeration value="Male"/>
            </xs:restriction>
        </xs:simpleType>
    </xs:schema>

추가 참조

• AEM 적응형 양식 만들기
• AEM 적응형 양식을 AEM Sites 페이지에 추가
• AEM 적응형 양식에 테마 적용
• AEM 적응형 양식에 구성 요소 추가
• AEM 적응형 양식에서 CAPTCHA 사용
• AEM 적응형 양식의 PDF 버전(DoR) 생성
• AEM 적응형 양식 번역
• 적응형 양식에 대해 Adobe Analytics를 활성화하여 양식 사용 추적
• Microsoft SharePoint에 적응형 양식 연결
• Microsoft Power Automate에 적응형 양식 연결
• Microsoft OneDrive에 적응형 양식 연결
• Microsoft Azure Blob Storage에 적응형 양식 연결
• Salesforce에 적응형 양식 연결
• AEM 적응형 양식에서 Adobe Sign 사용
• 적응형 양식에 대해 새 로케일 추가
• 적응형 양식 데이터를 데이터베이스로 보내기
• 적응형 양식 데이터를 REST 엔드포인트로 보내기
• 적응형 양식 데이터를 AEM 워크플로로 보내기
• Forms 포털을 사용하여 AEM 웹 사이트에 AEM 적응형 양식 나열