양식 숨겨진 구성 요소(v1)

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

사용량

핵심 구성 요소 양식 숨겨진 구성 요소를 사용하면 숨겨진 필드를 만들어 현재 페이지에 대한 정보를 다시 AEM에 전달할 수 있으며 이 필드는 양식 컨테이너 구성 요소와 함께 사용할 수 있습니다.

필드 속성은 구성 대화 상자에서 내용 편집기로 정의할 수 있습니다.

버전 및 호환성

이 문서에서는 AEM 6.3의 핵심 구성 요소 릴리스 1.0.0에 처음 소개된 양식 숨겨진 구성 요소의 v1에 대해 설명합니다.

다음 표는 양식 숨김 구성 요소의 v1 호환성을 보여줍니다.

AEM 버전 양식 숨겨진 구성 요소 v1
6.3 호환 가능
6.4 호환 가능
주의

이 문서에서는 양식 숨겨진 구성 요소의 v1에 대해 설명합니다.

현재 버전의 숨겨진 구성 요소에 대한 자세한 내용은 양식 숨겨진 구성 요소 문서를 참조하십시오.

샘플 구성 요소 출력

다음은 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"
            }
노트

핵심 구성 요소에서 JSON 내보내기를 사용하려면 핵심 구성 요소의 릴리스 1.1.0이 필요합니다. 자세한 내용은 핵심 구성 요소 v1에 대한 호환성 정보를 참조하십시오.

구성 대화 상자

구성 대화 상자를 사용하면 컨텐츠 작성자가 숨김 필드의 매개 변수를 정의할 수 있습니다.

  • 이름 - 양식 데이터와 함께 제출하는 필드의 이름입니다.
  • - 양식 데이터와 함께 제출하는 필드의 값입니다.
  • 식별자 - 식별자는 페이지에서 고유해야 하며 이 양식 필드에 스크립트를 바인딩하는 데 사용할 수 있습니다

디자인 대화 상자

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

기술 세부 정보

양식 숨겨진 구성 요소 에 대한 최신 기술 문서는 GitHub에서 찾을 수 있습니다.

전체 핵심 구성 요소 프로젝트를 GitHub에서 다운로드할 수 있습니다.

핵심 구성 요소 개발에 대한 자세한 내용은 핵심 구성 요소 개발자 설명서에서 확인할 수 있습니다.

이 페이지에서는

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free