Show Menu
TOPICS×

양식 숨김 구성 요소

핵심 구성 요소 양식 숨김 구성 요소를 사용하면 숨김 필드를 표시할 수 있습니다.

사용량

핵심 구성 요소 양식 숨김 구성 요소를 사용하면 숨김 필드를 만들어 현재 페이지에 대한 정보를 AEM으로 다시 전달할 수 있으며 양식 컨테이너 구성 요소와 함께 사용할 수 있습니다.
필드 속성은 구성 대화 상자의 컨텐츠 편집기에서 정의할 수 있습니다.

버전 및 호환성

양식 숨김 구성 요소의 현재 버전은 v2이며, 이 버전은 2018년 1월 핵심 구성 요소 릴리스 2.0.0과 함께 소개되었으며 이 문서에 설명되어 있습니다.
다음 표에서는 구성 요소의 지원되는 모든 버전, 구성 요소 버전이 호환되는 AEM 버전 및 이전 버전에 대한 설명서 링크에 대해 자세히 설명합니다.
구성 요소 버전
AEM 6.3
AEM 6.4
AEM 6.5
v2
호환 가능
호환 가능
호환 가능
호환 가능
호환 가능
호환 가능
핵심 구성 요소 버전 및 릴리스에 대한 자세한 내용은 핵심 구성 요소 버전을 참조하십시오 .

샘플 구성 요소 출력

다음은 We.Retail에서 가져온 샘플입니다 .

HTML

<div class="cmp cmp-form aem-GridColumn aem-GridColumn--default--12"> <form method="POST" action="/content/we-retail/us/en/experience.html" id="new_form" name="new_form" enctype="multipart/form-data" class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <input type="hidden" name=":formstart" value="/content/we-retail/us/en/experience/jcr:content/root/responsivegrid/container"> <div class="visible aem-GridColumn aem-GridColumn--default--12"> <input type="hidden" id="ghostToast" name="Invisible Toast" value="ghostToast"> </div> </form> </div>

JSON

"container": { "columnClassNames": "aem-GridColumn aem-GridColumn--default--12", "columnCount": 12, "gridClassNames": "aem-Grid aem-Grid--12 aem-Grid--default--12", ":items": { "hidden": { "columnClassNames": "aem-GridColumn aem-GridColumn--default--12", ":type": "weretail/components/form/hidden", "name": "Invisible Toast", "id": "ghostToast", "value": "ghostToast" } }, ":itemsOrder": [ "hidden" ], ":type": "weretail/components/form/container" }

기술 정보

양식 숨김 구성 요소에 대한 최신 기술 문서는 GitHub에서 찾을 수 있습니다 .
핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서를 참조하십시오.

구성 대화 상자

구성 대화 상자에서는 컨텐츠 작성자가 숨김 필드의 매개 변수를 정의할 수 있습니다.
  • 이름
    ​양식 데이터와 함께 제출하는 필드의 이름입니다.
  • ​양식 데이터와 함께 제출하는 필드의 값입니다.
  • 식별자
    ​식별자는 페이지에서 고유해야 하며 이 양식 필드에 스크립트를 바인딩하는 데 사용할 수 있습니다
양식 숨김 구성 요소에는 일반적으로 보이는 속성이 없으므로 작성자가 적절한 양식 숨김 구성
요소를
식별하는 데 도움이 되도록 구성 요소의 자리 표시자에 이름
및 값
필드 값이표시됩니다.

디자인 대화 상자

양식 숨김 구성 요소에 대한 디자인 대화 상자가 없습니다.