새 적응형 양식 만들기 또는 AEM Sites 페이지에 적응형 양식 추가 작업을 할 때 현대적이고 확장 가능한 데이터 캡처 핵심 구성 요소를 사용하는 것이 좋습니다. 이러한 구성 요소는 적응형 양식 만들기 작업이 대폭 개선되어 우수한 사용자 경험을 보장할 수 있게 되었음을 나타냅니다. 이 문서에서는 기초 구성 요소를 사용하여 적응형 양식을 작성하는 이전 접근법에 대해 설명합니다.
이벤트 또는 사전 정의된 시간 간격에 따라 콘텐츠 저장을 자동으로 시작하도록 적응형 양식을 구성할 수 있습니다. 기본적으로 적응형 양식의 콘텐츠는 저장 버튼을 누르는 것과 같은 사용자 작업 시 저장됩니다. 자동 저장 옵션은 다음 경우에 유용합니다.
적응형 양식의 경우 자동 저장 옵션이 즉시 활성화되지 않습니다. 에서 자동 저장 옵션을 활성화할 수 있습니다. 자동 저장 섹션을 만드십시오. 다음 자동 저장 이 절에서는 몇 가지 기타 구성 옵션도 제공합니다. 적응형 양식에 대해 자동 저장 옵션을 활성화하고 구성하려면 다음 단계를 수행하십시오.
속성의 자동 저장 섹션에 액세스하려면 구성 요소를 선택한 다음 를 선택합니다. > 적응형 양식 컨테이너을 선택한 다음 을 선택합니다
.
다음에서 자동 저장 섹션, 사용 자동 저장 옵션.
다음에서 적응형 양식 이벤트 상자에 1 또는 TRUE를 지정하여 브라우저에서 양식을 로드할 때 양식 저장을 자동으로 시작합니다. 이벤트에 대해 트리거되고 true를 반환하면 양식의 콘텐츠 저장을 시작하는 조건식을 지정할 수도 있습니다.
[트리거]를 지정합니다. 자동 저장은 구성에 따라 트리거됩니다. 옵션은 다음과 같습니다.
트리거를 선택하면 전략 구성 상자가 활성화됩니다. 전략 구성 상자를 사용하면 다음 작업을 수행할 수 있습니다.
사용자 지정 전략을 만들어 목록에 추가할 수도 있습니다. 자세한 내용은 사용자 정의 전략을 구현하여 양식 자동 저장.
(시간 기반 자동 저장만 해당) 다음 단계를 수행하여 시간 기반 자동 저장에 대한 옵션을 구성합니다.
(이벤트 기반 자동 저장만 해당) 다음 단계를 수행하여 이벤트 기반 자동 저장에 대한 옵션을 구성합니다.
(선택 사항) 익명 사용자에 대한 콘텐츠를 자동으로 저장하려면 익명 사용자에 대한 자동 저장 사용 옵션 및 클릭 확인.
익명 사용자에 대해 자동 저장 옵션이 작동하려면 모든 사용자가 양식을 미리 보고, 확인하고, 서명할 수 있도록 Forms 일반 구성 서비스를 구성해야 합니다.
서비스를 구성하려면 다음 위치에서 AEM 웹 콘솔 구성으로 이동합니다. https://server:port/system/console/configMgr
및 편집 Forms 공통 구성 서비스 선택: 모든 사용자 의 옵션 허용 필드 및 구성을 저장합니다.
사용자 지정 이벤트를 구현하여 자동 저장 기능을 트리거할 수 있습니다. 사용자 지정 이벤트를 만들고 구현하려면 다음 단계를 수행하십시오.
클라이언트 라이브러리 및 클라이언트 라이브러리 폴더를 만듭니다. 자세한 단계는 클라이언트측 라이브러리 사용 문서.
예를 들어 다음 스크립트는 사용자 지정 emailFocusChange
자동 저장 기능을 트리거할 이벤트:
window.addEventListener("bridgeInitializeStart", function (){
guideBridge.connect(function () { guideBridge.on("elementFocusChanged", function (event,data) {
if(data.target.name === 'Email') {
guideBridge.trigger("emailFocusChange");
}
});
});
});
클라이언트 라이브러리 폴더를 만드는 동안 범주 속성이 정의됩니다. 범주 속성에 할당된 값을 바로 사용할 수 있습니다.
작성자 모드에서 적응형 양식을 엽니다.
편집 모드에서 구성 요소를 선택한 다음 를 선택합니다 > 적응형 양식 컨테이너을 선택한 다음 을 선택합니다
.
속성에서 기본 섹션. 다음에서 클라이언트 라이브러리 범주 상자에서 클라이언트 라이브러리 폴더를 만드는 동안 정의된 category 속성의 값을 입력합니다.
자동 저장 섹션을 엽니다. 다음에서 이 이벤트 후 자동 저장 상자에서 클라이언트 라이브러리에 이미 정의된 사용자 지정 이벤트를 지정합니다. 확인을 클릭합니다.