설명서AEM사용 안내서

[AEM Forms]{class="badge positive" title="AEM Forms에 적용됩니다."}

UI 연결에 대한 드롭다운 옵션 구성

마지막 업데이트: 2026년 6월 23일
  • 적용 대상:
  • Experience Manager as a Cloud Service

작성 대상:

  • User
  • Developer
  • Admin

대화형 통신 편집기의 드롭다운 필드에서는 연결 UI에서 동적 데이터 기반 선택 사항에 대해 중점 옵션 바인딩 모델을 사용합니다. 데이터 바인딩​은(는) 드롭다운 필드에서 더 이상 지원되지 않습니다. 작성자는 속성 패널에서 데이터에서 바인딩(바인딩된 데이터 소스) 또는 수동 정적 옵션을 구성합니다.

사용자
이점
작성자(대화형 통신 디자이너)
지원되지 않는 데이터 바인딩 구성이 없는 연결에 정확한 데이터 기반 드롭다운 선택을 제공합니다.
연결(서비스 담당자)
연결 UI에서 고객 커뮤니케이션을 완료할 때 올바른 옵션 목록 및 사전 선택된 값을 참조하십시오.

시작하기에 앞서

연결 UI에 대한 드롭다운 동작을 구성하기 전에 대화형 통신에서 보기 연결​을(를) 활성화하십시오. 대화형 통신 편집기에서 UI 연결을 참조하십시오.

Associates는 forms-associates 그룹의 구성원이어야 합니다.

활성화된 데이터에서 바인딩(동적 옵션)

Options Source​이(가) 데이터에서 바인딩(으)로 설정된 경우:

  • 드롭다운 옵션은 옵션 참조​에 구성된 바인딩된 데이터 원본에 의해 완전히 제어됩니다.
  • 옵션이 렌더링되고 연결 UI에서 선택할 수 있습니다.
  • 기본 값​을(를) 사용할 수 없습니다. 연결된 사용자에게 양식을 제공할 때 바인딩된 옵션의 첫 번째 값이 자동으로 미리 선택됩니다.

수동 옵션(정적 옵션)

Options Source​이(가) 데이터에서 바인딩(으)로 설정되지 않은 경우:

  • 작성자가 속성 패널을 통해 수동으로 옵션을 추가합니다.
  • 기본값​을 사용할 수 있습니다. 양식 디자이너는 연결 UI에서 미리 선택된 값으로 표시되는 옵션을 명시적으로 선택할 수 있습니다.

드롭다운 옵션 구성

  1. 대화형 통신 편집기에서 대화형 통신을 엽니다.

  2. 디자인 탭에서 디자인 캔버스에서 드롭다운 구성 요소를 선택합니다.

  3. 속성 패널을 엽니다.

  4. Associate UI에 대한 드롭다운을 구성합니다.

    • 왼쪽 데이터 입력 패널에서 볼 수 있는 레이블 연결로 캡션​을 설정합니다. 예를 들어 할부 월​을 입력합니다.
    • 옵션 Source​에서 데이터에서 바인딩​을 선택하여 데이터 모델의 옵션을 채우거나 정적 목록에 대한 수동 옵션을 추가합니다.
    • 데이터에서 바인딩​을 선택한 경우 옵션 참조​를 옵션 목록을 제공하는 데이터 경로로 설정합니다. 예를 들어 $.GMFletter.installmentDetails.installmentMonth에 바인딩합니다.

    드롭다운 필드에서 데이터 바인딩​을(를) 구성하지 마십시오. 데이터에서 바인딩 또는 수동 옵션만 사용하십시오.

    드롭다운 옵션 바인딩 구성

  5. 동료가 연결 UI에서 값을 선택할 수 있도록 연결을 통한 편집 허용​을 켭니다.

  6. 필요한 경우 속성 연결​에서 Tooltip 및 유효성 검사​을(를) 구성합니다.

  7. 수동 옵션을 사용하는 경우 필요에 따라 기본값​을(를) 설정하십시오.

  8. 저장​을 클릭하고 대화형 통신을 게시합니다.

연결 UI에서 확인

  1. 보기 연결​에서 대화형 통신을 엽니다.

  2. 구성한 캡션이 있는 왼쪽 데이터 입력 패널에 드롭다운이 표시되는지 확인합니다. 예를 들어 할부 월​은(는) 2026년 6월, 2026년 7월, 2026년 8월​과 같은 바인딩된 옵션을 표시합니다.

  3. UI 연결 이 로드될 때 첫 번째 바인딩 옵션이 미리 선택되어 있는지 확인합니다.

  4. 다른 옵션을 선택하고 오른쪽 미리 보기에서 값 업데이트를 확인합니다. 예를 들어 2026년 6월​을 선택하면 문서 텍스트가 2026년 6월​로 업데이트됩니다.

    UI 연결에서 드롭다운 옵션 확인

고려 사항

  • 드롭다운 필드에 대해 데이터 바인딩이 지원되지 않습니다. 동적 목록의 경우 데이터에서 바인딩​을 사용하고, 정적 목록의 경우 수동 옵션을 사용하십시오.
  • 데이터에서 바인딩​을 사용하도록 설정한 경우 연결에서 사용자 지정 기본값을 설정할 수 없습니다. 첫 번째 바인딩된 옵션은 항상 미리 선택됩니다.
  • 수동 옵션을 사용하여 UI 연결 미리 보기에서 기본값​을 테스트하여 게시 전에 필요한 옵션이 표시되는지 확인하십시오.
  • 연결별 편집 허용​을(를) 활성화해야 드롭다운이 연결 UI의 왼쪽에 편집 가능한 필드로 표시됩니다.

자주 묻는 질문

드롭다운에 기본값을 사용할 수 없는 이유는 무엇입니까?
Options Source​이(가) 데이터에서 바인딩(으)로 설정되어 있으면 기본값​이(가) 비활성화됩니다. 바인딩된 데이터 소스의 첫 번째 값은 연결 UI에서 자동으로 사전 선택됩니다.

드롭다운에서 데이터 바인딩과 옵션 바인딩을 함께 사용할 수 있습니까?
드롭다운 필드는 데이터에서 바인딩 또는 수동 옵션만 지원합니다. 데이터 바인딩​은(는) 드롭다운 필드에서 지원되지 않습니다.

Options Ref란 무엇입니까?
Options Ref​은(는) Options Source​이(가) 데이터에서 바인딩(으)로 설정된 경우 선택 목록을 제공하는 데이터 참조 경로입니다. 양식 데이터 모델에서 옵션 값 컬렉션을 가리키는 경로를 선택합니다.

동료가 대화형 통신을 사용하기 전에 드롭다운 옵션을 확인하려면 어떻게 해야 합니까?
대화형 통신을 게시하고 UI 연결 미리보기를 엽니다. 왼쪽 데이터 입력 패널에 바인딩된 또는 수동 옵션이 나타나고 미리 선택한 값이 구성과 일치하는지 확인합니다.

추가 참조

recommendation-more-help
experience-manager-cloud-service-help-main-toc