반복 가능한 섹션이 포함된 양식 만들기(핵심 구성 요소) repeat-panel
반복 가능 섹션은 동일한 데이터의 여러 인스턴스에 대한 정보를 수집하기 위해 중복되거나 여러 번 반복될 수 있는 양식의 일부를 나타냅니다.
예를 들어 개인 경력에 대한 정보를 수집하는 데 사용되는 양식을 고려해 보십시오. 이전 작업의 세부 정보를 캡처하는 반복 가능한 섹션이 있을 수 있습니다. 반복 가능한 섹션은 일반적으로 회사 이름, 직책, 고용일, 직무 등과 같은 필드를 포함합니다. 사용자는 반복 가능한 섹션의 여러 인스턴스를 추가하여 각 직무에 대한 정보를 입력할 수 있습니다.
이 문서가 작성되면 다음 방법을 파악할 수 있습니다.
- 적응형 양식에 반복 가능한 섹션 만들기
- 적응형 양식 구성 요소에 대한 최소 또는 최대 반복 횟수 설정
- 규칙 편집기를 사용하여 반복 가능한 섹션에 대한 추가 또는 삭제 작업을 구성합니다.
패널, 아코디언, 가로 탭, 세로 탭 또는 마법사 구성 요소를 사용하여 적응형 양식의 섹션을 반복 가능하도록 만들 수 있습니다. 이러한 구성 요소에 하위 구성 요소를 추가하여 양식에 반복 가능한 섹션을 만들 수 있습니다.
이 문서의 예제는 패널 구성 요소를 기반으로 합니다. 동일한 단계를 수행하여 패널, 아코디언, 가로 탭, 세로 탭 또는 마법사 구성 요소를 반복할 수 있습니다.
양식에서 반복 가능한 섹션 추가 또는 삭제 add-or-delete-repeatable-section-in-panel-container
양식에서 패널을 반복하거나 반복 가능한 패널을 제거하려면 양식 작성자가 버튼 구성 요소를 사용하여 패널의 인스턴스를 추가하거나 제거합니다. 양식에서 반복 가능한 섹션(패널)을 추가하거나 삭제하려면 다음을 수행합니다.
패널 컨테이너를 반복할 수 있도록 설정 make-panel-container-repeatable
패널이 반복 가능하도록 하려면 다음 단계를 수행하십시오.
-
패널 컨테이너를 선택하고
-
반복 패널을 클릭하고 반복 패널 만들기(으)로 전환합니다.
-
최소 반복 가능한 섹션에 필요한 대로 최소 반복을(를) 설정합니다. 패널을 반복하지 않거나 반복된 패널을 제거하려면 최소 반복을(를) 0으로 설정할 수 있습니다. 기본적으로 최소 반복 값은 0입니다.
-
필요한 패널 횟수를 반복하려면 최대 반복을(를) 설정하십시오. 기본적으로 값은 무한대입니다.
note note NOTE - 최소 반복은 -ve 값일 수 없습니다.
- 반복할 수 없는 패널을 만들려면 최대 및 최소 필드 값을 1로 설정하십시오.
인스턴스 관리자를 사용하여 반복 가능한 섹션 추가(스크립트를 통해) add-repeatable-section-using-instance-manager-via-scripts
반복할 패널의 상위 항목에는 패널의 반복 인스턴스를 관리하기 위한 추가 버튼이 포함되어 있어야 합니다. 상위에 단추를 삽입하고 단추에 스크립트를 활성화하려면 다음 단계를 수행하십시오.
-
패널의 부모에 단추 구성 요소를 추가합니다. 아래 예제 비디오에서는 레이블 이름이 Add이고 필드 이름이 AddPanel인 단추 구성 요소를 사용합니다. 구성 요소를 선택하고
-
규칙 편집기 창에서 만들기를 클릭합니다.
양식 개체 및 함수 행에서 비주얼 편집기를 선택하십시오.
- 규칙 영역의 WHEN에서 상태 클릭됨을(를) 선택합니다.
- THEN에서 인스턴스 추가를 선택하고
양식 개체 및 함수 행에서 코드 편집기를 선택하십시오. 규칙 편집을 클릭하고 코드 영역에서 다음을 수행합니다.
- 패널 추가 단추를 만들려면
this.panel.instanceManager.addInstance()을(를) 지정하십시오.
완료를 클릭합니다.
인스턴스 관리자를 사용하여 반복 가능한 섹션 삭제(스크립트를 통해) delete-repeatable-section-using-instance-manager-via-scripts
패널의 상위에는 반복 가능한 패널의 인스턴스를 삭제하려면 삭제 단추가 있어야 합니다. 상위에 단추를 삽입하고 단추에 스크립트를 활성화하여 반복 가능한 패널을 삭제하려면 다음 단계를 수행하십시오.
-
패널의 부모에 단추 구성 요소를 추가합니다. 아래 비디오에서는 레이블 이름이 delete이고 필드 이름이 DeletePanel인 단추 구성 요소가 사용됩니다. 구성 요소를 선택하고
-
규칙 편집기 창에서 만들기를 클릭합니다.
양식 개체 및 함수 행에서 비주얼 편집기를 선택하십시오.
- 규칙 영역의 WHEN DeletePanel에서 상태 클릭함을(를) 선택합니다.
- THEN에서 인스턴스 제거를 선택하고
양식 개체 및 함수 행에서 코드 편집기를 선택하십시오. 규칙 편집을 클릭하고 코드 영역에서 다음을 수행합니다.
- 패널 삭제 단추를 만들려면
this.panel.instanceManager.removeInstance(this.panel.instanceIndex)을(를) 지정하십시오.
완료를 클릭합니다.
instances의 InstanceManager API를 사용하여 필드가 속한 반복 가능한 인스턴스를 지정하십시오. instances에서 InstanceManager API를 사용하는 구문은 다음과 같습니다.<panelName>.instanceManager.instances[<instanceNumber>].<fieldname><panel1><textbox1>AA1</panel1></textbox1><panel1><textbox1>AA2</panel1></textbox1><panel1><textbox1>AA3</panel1></textbox1>Panel1.instanceManager.instances[0].textbox.valuePanel1.instanceManager.instances[1].textbox.value양식 템플릿에서 반복되는 하위 양식 사용(XDP/XSD) using-repeating-subforms-from-form-template-xdp-xsd
반복 가능한 하위 양식은 적응형 Forms의 반복 가능한 패널과 유사합니다. AEM Forms Designer에서 다음 단계를 수행하여 반복되는 하위 양식을 만듭니다.
- 계층 팔레트에서 반복할 하위 양식의 상위 하위 양식을 선택합니다.
- 개체 팔레트에서 하위 양식 탭을 클릭하고 컨텐츠 목록에서 흐름을 선택합니다.
- 반복할 하위 양식을 선택합니다.
- 개체 팔레트에서 하위 양식 탭을 클릭하고 컨텐츠 목록에서 위치함 또는 흐름을 선택합니다.
- 바인딩 탭을 클릭하고 각 데이터 항목에 대해 하위 양식 반복을 선택합니다.
- 최소 반복 횟수를 지정하려면 최소 횟수(Min Count)를 선택하고 연관된 상자에 숫자를 입력합니다. 이 옵션을 0으로 설정하고 데이터 병합 시 하위 양식의 개체에 대해 데이터가 제공되지 않으면 양식을 렌더링할 때 하위 양식이 배치되지 않습니다.
- 하위 양식 반복의 최대 횟수를 지정하려면 최대값을 선택하고 연관된 상자에 숫자를 입력합니다. [최대] 상자에 값을 지정하지 않으면 하위 양식 반복 횟수는 제한이 없습니다.
- 데이터 수량에 관계없이 하위 양식 반복 횟수를 지정하려면 초기 수를 선택하고 관련 상자에 숫자를 입력합니다. 이 옵션을 선택하고 사용할 수 있는 데이터가 없거나 지정된 초기 개수 값보다 적은 데이터 항목이 있는 경우 하위 양식의 빈 인스턴스가 계속 양식에 배치됩니다.
- 상위 하위 양식에 인스턴스 추가 단추와 반복 가능한 하위 양식의 인스턴스 삭제 단추 두 개를 추가합니다. 자세한 단계는 작업 빌드를 참조하십시오.
- 이제 양식 템플릿을 적응형 양식에 연결합니다. 자세한 단계는 템플릿을 기반으로 적응형 양식 만들기를 참조하십시오.
- 9단계에서 만든 단추를 사용하여 하위 양식을 추가하거나 제거합니다.
첨부된 .zip 파일에는 반복 가능한 하위 양식 샘플이 포함되어 있습니다.
XSD(XML 스키마)의 반복 설정 사용 using-repeat-settings-of-an-xml-schema-xsd-br
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>
추가 참조 see-also
- AEM 적응형 양식 만들기
- AEM 적응형 양식을 AEM Sites 페이지에 추가
- AEM 적응형 양식에 테마 적용
- AEM 적응형 양식에 구성 요소 추가
- AEM 적응형 양식에서 CAPTCHA 사용
- AEM 적응형 양식의 PDF 버전(DoR) 생성
- AEM 적응형 양식 번역
- 적응형 양식에 대해 Adobe Analytics를 활성화하여 Forms 사용 추적
- Microsoft SharePoint에 적응형 양식 연결
- Microsoft Power Automate에 적응형 양식 연결
- Microsoft OneDrive에 적응형 양식 연결
- Microsoft Azure Blob Storage에 적응형 양식 연결
- Salesforce에 적응형 양식 연결
- AEM 적응형 양식에서 Adobe Sign 사용
- 적응형 양식에 대해 새 로케일 추가
- 적응형 양식 데이터를 데이터베이스로 보내기
- 적응형 양식 데이터를 REST 엔드포인트로 보내기
- 적응형 양식 데이터를 AEM 워크플로로 보내기
- Forms 포털을 사용하여 AEM 웹 사이트에 AEM 적응형 양식 나열
- 적응형 양식에 버전 관리, 댓글 및 주석 추가
- 적응형 양식 비교