1. コンポーネントライブラリ

アドバンスドエキスパンダー

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

AdvancedExpanderコントロールは、ヘッダーと本文の2つの部分を持つコンテナーです。

AdvancedExpanderコントロールには、常にヘッダー部分が表示されます。対応するプレースホルダーは、ActionBarプレースホルダーです。たとえば、このパーツにボタンを追加できます。コントロールは、IsCollapsibleプロパティをTrueに設定すると、ここに開く/閉じるボタンを表示します。開閉ボタンのスタイルは変更できません。見出し (またはタイトル) は、Headerプロパティを使用して作成できます。

ボディ部分には、開いた状態と閉じた状態の2つの状態があります。ユーザーは、IsCollapsibleプロパティをTrueに指定したときにヘッダーのopen/closeボタンをクリックすることで、開いている状態と閉じている状態を切り替えることができます。コードを使用してコントロールを開いたり閉じたりすることもできます。

開く/閉じる機能のみが必要で、ActionBarプレースホルダーは必要ない場合は、代わりにExpanderコントロールを使用する必要があります。

AdvancedExpanderコントロールが折りたたまれている場合、ユーザーがマウス カーソルをActionBarの上に置いたときにのみ、ActionBarプレースホルダーにコントロールが表示されます。

AdvancedExpanderコントロールにはPromotedFieldsというプレースホルダーがあり、AdvancedExpanderコントロールが折りたたまれている場合でも、このプレースホルダーに追加したコントロールが常に表示されます。

AdvancedExpanderコントロールは、プログレッシブ開示をサポートします。EnableAdditonalプロパティとShowAdditonalプロパティを使用して、本文内にMore/Lessリンクを追加します。ユーザーは、これらのリンクをクリックして、追加のコントロールを表示または非表示にすることができます。

プロパティ

Name

Description

Default

Appearance

コンテンツの高さ

コントロールの高さを指定します。絶対的な高さまたはパーセンテージを入力できます。

100%

EnableAdditional (追加を有効にする)

trueの場合、コントロールには 増減 リンクが表示されます。

ヘッダ

コントロールがActionBarに表示するテキストを指定します。

画像URL

AdvancedExpanderコントロールがヘッダーの左側に表示するアイコンのSitecoreパスを設定します。

折りたたみ式

trueの場合、コントロールには 開く/閉じる ボタンが表示されます。

イズオープン

trueの場合、コントロールとそれに含まれるコントロールは開いています。

表示追加

このプロパティは、EnableAdditionalがTrueでユーザーが More をクリックした場合はTrueになり、ユーザーが Less をクリックした場合はFalseになります。

ShowAdditionalは、EnableAdditionalがFalseまたは未定義の場合、常にFalseです。

ShowAdditionalプロパティには、AdvancedExpander内の他のコントロールのIsVisibleプロパティからバインドします。これらのコントロールは、ユーザーがEnableAddtionalプロパティによって提供される 詳細 リンクと 縮小 リンクをクリックすると、表示と非表示が切り替わります。

State

IsStateDiscarded

trueの場合、コントロールのオープン/クローズ状態は、ページがデザイン時の状態に読み込まれたときにリセットされます。

構成

AdvancedExpanderコントロールの構成項目を作成するには、AdvancedExpander Parametersテンプレートに基づいて項目を作成します。

構成アイテムには、次の特定のフィールドがあります。

  • ヘッダ

  • イズオープン

  • EnableAdditional (追加を有効にする)

  • 表示追加

  • コンテンツの高さ

  • 画像URL

  • 折りたたみ式

次のフィールドを継承します。

  • 目に見える

  • アクセスキー

  • ツールチップ

  • 動作

  • 身分証明書

この記事を改善するための提案がある場合は、 お知らせください!