Show Menu
TOPICS×

フォーム非表示コンポーネント

コアコンポーネントのフォーム非表示コンポーネントを使用すれば、非表示フィールドを表示することができます。

使用方法

コアコンポーネントのフォーム非表示コンポーネントを使用すれば、非表示フィールドを作成して、現在のページに関する情報を AEM に返すことができます。このコンポーネントは、 フォームコンテナコンポーネント と共に使用するためのものです。
フィールドのプロパティは、コンテンツ編集者が 設定ダイアログ で定義できます。

バージョンと互換性

このドキュメントでは、フォーム非表示コンポーネントの現在のバージョン(2018 年 1 月にコアコンポーネントのリリース 2.0.0 で導入された v2)について説明します。
コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。
コンポーネントのバージョン
AEM 6.3
AEM 6.4
AEM 6.5
v2
互換性あり
互換性あり
互換性あり
互換性あり
互換性あり
互換性あり
コアコンポーネントのバージョンとリリースについて詳しくは、 コアコンポーネントのバージョン を参照してください。

コンポーネント出力のサンプル

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で入手できます
コアコンポーネントの開発について詳しくは、 コアコンポーネント開発者向けドキュメント を参照してください。

設定ダイアログ

設定ダイアログでは、コンテンツ作成者が非表示フィールドのパラメーターを定義できます。
  • 名前
    - フィールドの名前(フォームデータと共に送信されます)
  • - フィールドの値(フォームデータと共に送信されます)
  • 識別子
    - 識別子は、ページ上で一意である必要があり、スクリプトをこのフォームフィールドにバインドするために使用できます
フォーム非表示コンポーネントには通常、表示される属性がありません。そのため、「
名前
」フィールドと「
」フィールドの値が割り当てられている場合、エディターのコンポーネントのプレースホルダーにはそれらのフィールド値が表示され、作成者が適切なフォーム非表示コンポーネントを識別できるようになっています。

デザインダイアログ

フォーム非表示コンポーネントにはデザインダイアログはありません。