Adobe 클라이언트 데이터 레이어 확장
마지막 업데이트: 2024년 7월 13일
작성 대상:
- 개발자
- 관리자
콘텐츠 작성자가 데이터 레이어 관련 정보를 추가 입력할 수 있도록 맞춤형 대화 상자 옵션을 통해 핵심 구성 요소를 확장할 수 있습니다.
핵심 구성 요소에서 제공하는 데이터 레이어에 해당 필드를 포함하려면 특정 데이터 레이어 방식을 구현하는 구성 요소의 모델을 확장해야 합니다.
예: 제목 구성 요소
제목 구성 요소와 같은 핵심 구성 요소는 기본적으로 [ComponentData
를 반환하는 getData
방식이 있는 구성 요소를 확장합니다.](https://github.com/adobe/aem-core-wcm-components/blob/master/bundles/core/src/main/java/com/adobe/cq/wcm/core/components/models/datalayer/ComponentData.java)
ComponentData
는 TitleImpl
에서 구성 요소가 getDataLayerLinkUrl
및 getDataLayerTitle
와 같이 구현할 사전 정의된 필드를 일련화합니다.
따라서 맞춤형 슬링 모델에는 추가 필드를 반환하기 위한 ComponentData
를 확장하는 오브젝트를 반환하는 getData
방식이 있습니다.
이렇게 하면 데이터 레이어에 채워질 데이터 JSON을 통해 구성 요소의 HTML 요소에 data-cmp-data-layer
속성이 추가됩니다. 이 시점에서 해당 데이터나 관련 이벤트를 수신하는 스크립트를 구현할 수 있습니다.
데이터 레이어의 유연성에 대해 추가 살펴보려면 맞춤형 구성 요소에 대한 데이터 활성화 방법을 포함하여 통합 옵션에 대해 검토하십시오.
Experience Manager
- 핵심 구성 요소 소개
- 반응형 디자인
- 성공으로 가는 경로
- 구성 요소 라이브러리
- 버전
- 시작하기
- WCM 구성 요소
- 이메일 구성 요소
- 적응형 양식
- 소개
- 버전 기록
- 적응형 양식 구성 요소
- 적응형 양식 아코디언
- 적응형 양식 버튼
- 적응형 양식 확인란
- 적응형 양식 확인란 그룹
- 적응형 양식 컨테이너
- 적응형 양식 날짜 선택기
- 적응형 양식 드롭다운 목록
- 적응형 양식 이메일
- 적응형 양식 양식 조각
- 적응형 양식 첨부 파일
- 적응형 양식 세로 탭
- 적응형 양식 hCaptcha
- 적응형 양식 가로 탭
- 적응형 양식 이미지
- 적응형 양식 숫자 상자
- 적응형 양식 패널
- 적응형 양식 CAPTCHA
- 적응형 양식 라디오 버튼
- 적응형 양식 재설정 버튼
- 적응형 양식 제출 버튼
- 적응형 양식 스위치
- 적응형 양식 모바일
- 적응형 양식 텍스트
- 적응형 양식 텍스트 상자
- 적응형 양식 양식 제목
- 적응형 양식 마법사
- 적응형 양식 약관
- 헤더
- 바닥글
- 적응형 양식 핵심 구성 요소 사용자 정의
- 샘플 테마 및 템플릿
- 개발