반복 가능한 섹션이 포함된 양식 만들기(핵심 구성 요소) 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
반복할 패널의 상위 항목에는 패널의 반복 인스턴스를 관리하기 위한 추가 버튼이 포함되어 있어야 합니다. 상위에 단추를 삽입하고 단추에 스크립트를 활성화하려면 다음 단계를 수행하십시오.
-
추가 버튼 구성 요소 (으)로 변경되었습니다. 아래 예제 비디오에서 레이블 이름이 인 버튼 구성 요소 추가 및 필드 이름 패널 추가 가 사용됩니다. 구성 요소를 선택하고 을 선택합니다.
-
규칙 편집기 창에서 만들기.
선택 비주얼 편집기 양식 개체 및 함수 행에서
- 규칙 영역의 WHEN에서 state를 선택합니다 클릭됨.
- THEN에서 인스턴스 추가 을 클릭하고 다음을 사용하여 패널을 드래그 앤 드롭합니다
선택 코드 편집기 양식 개체 및 함수 행에서 클릭 규칙 편집 코드 영역에서 다음을 수행합니다.
- 패널 추가 단추를 만들려면 다음을 지정합니다
this.panel.instanceManager.addInstance()
완료 를 클릭합니다.
인스턴스 관리자를 사용하여 반복 가능한 섹션 삭제(스크립트를 통해) delete-repeatable-section-using-instance-manager-via-scripts
패널의 상위에는 반복 가능한 패널의 인스턴스를 삭제하려면 삭제 단추가 있어야 합니다. 상위에 단추를 삽입하고 단추에 스크립트를 활성화하여 반복 가능한 패널을 삭제하려면 다음 단계를 수행하십시오.
-
추가 버튼 구성 요소 패널의 상위, 아래 비디오에서 레이블 이름이 인 버튼 구성 요소 삭제 및 필드 이름 DeletePanel 를 사용합니다. 구성 요소를 선택하고 을 선택합니다.
-
규칙 편집기 창에서 만들기.
선택 비주얼 편집기 양식 개체 및 함수 행에서
- 규칙 영역에서 WHEN DeletePanel, 상태 선택 클릭됨.
- THEN에서 인스턴스 제거 을 클릭하고 다음을 사용하여 패널을 드래그 앤 드롭합니다
선택 코드 편집기 양식 개체 및 함수 행에서 클릭 규칙 편집 코드 영역에서 다음을 수행합니다.
- 패널 삭제 단추를 만들려면 다음을 지정합니다
this.panel.instanceManager.removeInstance(this.panel.instanceIndex)
완료 를 클릭합니다.
instances 의 API InstanceManager. 사용할 구문 instances 의 API InstanceManager 은(는)<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를 활성화하여 양식 사용 추적
- Microsoft SharePoint에 적응형 양식 연결
- Microsoft Power Automate에 적응형 양식 연결
- Microsoft OneDrive에 적응형 양식 연결
- Microsoft Azure Blob Storage에 적응형 양식 연결
- Salesforce에 적응형 양식 연결
- AEM 적응형 양식에서 Adobe Sign 사용
- 적응형 양식에 대해 새 로케일 추가
- 적응형 양식 데이터를 데이터베이스로 보내기
- 적응형 양식 데이터를 REST 엔드포인트로 보내기
- 적응형 양식 데이터를 AEM 워크플로로 보내기
- Forms 포털을 사용하여 AEM 웹 사이트에 AEM 적응형 양식 나열
- 적응형 양식에 버전 관리, 댓글 및 주석 추가
- 적응형 양식 비교