적응형 양식 자동 저장 auto-save-an-adaptive-form

새 적응형 양식 만들기또는 AEM Sites 페이지에 적응형 양식 추가작업을 할 때 현대적이고 확장 가능한 데이터 캡처 핵심 구성 요소를 사용하는 것이 좋습니다. 이러한 구성 요소는 적응형 양식 만들기 작업이 대폭 개선되어 우수한 사용자 경험을 보장할 수 있게 되었음을 나타냅니다. 이 문서에서는 기초 구성 요소를 사용하여 적응형 양식을 작성하는 이전 접근법에 대해 설명합니다.

이벤트 또는 사전 정의된 시간 간격에 따라 콘텐츠 저장을 자동으로 시작하도록 적응형 양식을 구성할 수 있습니다. 기본적으로 적응형 양식의 콘텐츠는 저장 버튼을 누르는 것과 같은 사용자 작업 시 저장됩니다. 자동 저장 옵션은 다음 경우에 유용합니다.

  • 익명 및 로그인한 사용자를 위한 콘텐츠 자동 저장
  • 사용자 개입 없이 또는 최소한의 양식 콘텐츠 저장
  • 사용자 이벤트를 기반으로 양식의 콘텐츠 저장 시작
  • 지정된 시간 간격 후 반복적으로 양식 콘텐츠 저장

적응형 양식에 대해 자동 저장 활성화 enable-autosave-for-an-adaptive-form

적응형 양식의 경우 자동 저장 옵션이 즉시 활성화되지 않습니다. 에서 자동 저장 옵션을 활성화할 수 있습니다. 자동 저장 섹션을 만드십시오. 다음 자동 저장 이 절에서는 몇 가지 기타 구성 옵션도 제공합니다. 적응형 양식에 대해 자동 저장 옵션을 활성화하고 구성하려면 다음 단계를 수행하십시오.

  1. 속성의 자동 저장 섹션에 액세스하려면 구성 요소를 선택한 다음 를 선택합니다. 필드 수준 > 적응형 양식 컨테이너 ​을 선택한 다음 을 선택합니다 cmppr .

  2. 다음에서 자동 저장 섹션, 사용 자동 저장 옵션.

  3. 다음에서 적응형 양식 이벤트 상자에 1 또는 TRUE를 지정하여 브라우저에서 양식을 로드할 때 양식 저장을 자동으로 시작합니다. 이벤트에 대해 트리거되고 true를 반환하면 양식의 콘텐츠 저장을 시작하는 조건식을 지정할 수도 있습니다.

  4. [트리거]를 지정합니다. 자동 저장은 구성에 따라 트리거됩니다. 옵션은 다음과 같습니다.

    • 시간 기준: 옵션을 선택하여 특정 시간 간격을 기준으로 콘텐츠 저장을 시작합니다.
    • 이벤트 기반: 이벤트가 트리거될 때 기반으로 콘텐츠 저장을 시작하려면 옵션을 선택합니다.

    트리거를 선택하면 전략 구성 상자가 활성화됩니다. 전략 구성 상자를 사용하면 다음 작업을 수행할 수 있습니다.

    • 선택하는 경우 시간 간격 지정 시간 기준 트리거.
    • 다음을 선택하는 경우 이벤트 이름 지정 이벤트 기반 트리거.

    사용자 지정 전략을 만들어 목록에 추가할 수도 있습니다. 자세한 내용은 사용자 정의 전략을 구현하여 양식 자동 저장.

  5. (시간 기반 자동 저장만 해당) 다음 단계를 수행하여 시간 기반 자동 저장에 대한 옵션을 구성합니다.

    1. 다음에서 이 간격에 자동 저장 상자에서 시간 간격을 초 단위로 지정합니다. 간격 상자에 지정된 초 수가 경과하면 양식이 반복적으로 저장됩니다.
  6. (이벤트 기반 자동 저장만 해당) 다음 단계를 수행하여 이벤트 기반 자동 저장에 대한 옵션을 구성합니다.

    1. 다음에서 이 이벤트 후 자동 저장 상자, 지정 GuideBridge 이벤트. 표현식이 TRUE로 평가될 때마다 양식이 저장됩니다.
  7. (선택 사항) 익명 사용자에 대한 콘텐츠를 자동으로 저장하려면 익명 사용자에 대한 자동 저장 사용 옵션 및 클릭 확인.

    note note
    NOTE
    익명 사용자에 대해 자동 저장 옵션이 작동하려면 모든 사용자가 양식을 미리 보고, 확인하고, 서명할 수 있도록 Forms 일반 구성 서비스를 구성해야 합니다.
    서비스를 구성하려면 다음 위치에서 AEM 웹 콘솔 구성으로 이동합니다. https://server:port/system/console/configMgr 및 편집 Forms 공통 구성 서비스 선택: 모든 사용자 의 옵션 허용 필드 및 구성을 저장합니다.

적응형 양식에 대해 자동 저장을 활성화하기 위한 사용자 지정 전략 구현 implement-a-custom-strategy-to-enable-autosave-for-adaptive-forms

사용자 지정 이벤트를 구현하여 자동 저장 기능을 트리거할 수 있습니다. 사용자 지정 이벤트를 만들고 구현하려면 다음 단계를 수행하십시오.

  1. 클라이언트 라이브러리 및 클라이언트 라이브러리 폴더를 만듭니다. 자세한 단계는 클라이언트측 라이브러리 사용 문서.

    예를 들어 다음 스크립트는 사용자 지정 emailFocusChange자동 저장 기능을 트리거할 이벤트:

    code language-javascript
    window.addEventListener("bridgeInitializeStart", function (){
        guideBridge.connect(function () { guideBridge.on("elementFocusChanged", function (event,data) {
            if(data.target.name === 'Email') {
                guideBridge.trigger("emailFocusChange");
            }
        });
       });
    });
    
    note note
    NOTE
    클라이언트 라이브러리 폴더를 만드는 동안 범주 속성이 정의됩니다. 범주 속성에 할당된 값을 바로 사용할 수 있습니다.
  2. 작성자 모드에서 적응형 양식을 엽니다.

  3. 편집 모드에서 구성 요소를 선택한 다음 를 선택합니다 필드 수준 > 적응형 양식 컨테이너 ​을 선택한 다음 을 선택합니다 cmppr .

  4. 속성에서 기본 섹션. 다음에서 클라이언트 라이브러리 범주 상자에서 클라이언트 라이브러리 폴더를 만드는 동안 정의된 category 속성의 값을 입력합니다.

  5. 자동 저장 섹션을 엽니다. 다음에서 이 이벤트 후 자동 저장 상자에서 클라이언트 라이브러리에 이미 정의된 사용자 지정 이벤트를 지정합니다. 확인 ​을 클릭합니다.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2