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

タブコントロール

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

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

TabControlには1つ以上のタブが表示されます。

TabControlのタブは、Tabテンプレートに基づく設定アイテム (「タブ設定アイテム」) で定義します。これらのタブにコンテンツを追加するには、タブ設定アイテムにコンポーネントを追加します。慣例により、タブ設定アイテムはPageSettingsの下のフォルダーに作成します。

タブをTabControlに追加するには、次の3つの方法があります。

  • タブ構成アイテムをフォルダーに配置し、TabControlDataSourceプロパティをこのフォルダーにポイントします。TabControlには、フォルダに表示される順序でタブが表示されます。TabControlには、このフォルダ内のすべてのタブ項目が常に表示されます。

  • タブ構成アイテムIDをパイプ ('|') で区切られたリスト内のTabControlTabsプロパティに追加します。TabControlには、リストした順序でタブが表示されます。

  • コードからタブを動的に追加します。タブ項目のリストを作成し、このリストをTabControltabsメンバーに追加します。TabControlには、タブがリストにある順序で表示されます。

TabControlは、常にタブ構成アイテムのDisplayNamesをタブラベルとして使用します。

タブの設定項目

タブ構成アイテムには、任意のコンポーネントを含めることができます。タブに追加するコンポーネントのプレースホルダを指定する必要はありません。タブ設定アイテムで定義されたコンポーネント (プレースホルダなし) は、タブのコンテンツ領域に表示されます。プレースホルダーを導入するコンポーネントをタブに追加すると、通常どおりこれらのプレースホルダーにコンポーネントを割り当てることができます。

タブ設定アイテムには、IsHiddenというフィールドがあります。このフィールドはデザイン時に設定できます。実行時に、TabControlViewモデルが提供する2つのメンバー (hideTabshowTab) を使用してフィールドを変更することができます。これらの方法を使用して、タブの表示を動的に変更できます。

これらのメソッドは、ButtonコントロールのClickプロパティの次の例と同じ方法で使用できます。

javascript:app.TabStrip4.viewModel.showTab('{C29A2AFE-1762-49AB-89CB-BEAF077C152C}')" })

これらのメソッドは、タブのSitecore IDが引数として表示または非表示になることを想定しています。

ツールチップは、タブ設定項目のTooltipフィールドにある個々のタブに追加できます。

ネストされたタブ

タブ構成アイテムのレイアウトにTabControlを追加して、タブ内に一連のタブを追加できます (タブはネストされています)。

メモ

タブ項目を含むフォルダのネストされたタブ項目サブフォルダにはフォルダを追加しないでください (SPEAKはフォルダを再帰的に読み取るため、タブ項目が混同されます)。

TabTypeプロパティは、タブ ボタンのスタイルを定義します。有効なオプションは次のとおりです。

  • Normal

    個々のタブは、背景色の長方形のボタンとして表示されます。

  • Progressive

    個々のタブは、背景色の「矢印」ボタンとして表示されます。これを使用して、シーケンス内のステップに関する視覚的な手がかりをユーザーに提供できます。

    TabControl自体は、ステップのシーケンスのロジックを提供しません。SelectedTabプロパティ/メンバーとSelectedTabIndexメンバーを使用して、このロジックをPageCodeに実装できます。

  • SubTab

    個々のタブの外観が異なるため、囲まれたTabControlと親タブを簡単に区別できます。ネストされたTabControlTabTypeプロパティをSubTabに設定すると、最適なビジュアル エクスペリエンスが作成されます。

プロパティ

Name

Description

Default

Appearance

タブタイプ

NormalProgressive 、またはSubTabに設定します。

正常

データ

選択済みタブ

選択したタブのアイテムID。このプロパティは読み書きできます。

TabControlこのプロパティが設定されていない場合は、最初のタブ (フォルダーまたはリスト内の最初のタブ) を最初に選択します。

タブ

タブのアイテムIDの一覧。

構成

TabControlの構成アイテムを作成するには、TabControl Parametersテンプレートに基づいてアイテムを作成します。

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

  • タブ

  • 選択済みタブ

  • タブタイプ

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

  • 目に見える

  • アクセスキー

  • ツールチップ

  • 動作

  • 身分証明書

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