YouTube ChannelSchedule a CallSubscribe for Updates

コンボボックス

コンボボックス チュートリアル 例

User Activity Report

コンボボックスの設定

データソースを選択

プロパティパネルで、Data Source（データソース）プロパティを見つけ、次のいずれかを選択します：

手動

コンポーネントの設定に直接データを入力してください。

変数

これはユーザーの操作や他のコンポーネントのロジックに応じて変わるデータに便利です。

クエリ

Salesforceのレコードを表示するための最も一般的なオプションです。

ピックリスト

Salesforce内の標準またはカスタムのピックリスト項目から動的にデータを取得します。

データマッピング（Variable および Query ソース用）

データソース（Variable または Query）を選択した後、コンボボックスに対して指示する必要があります どのフィールド そのデータソースからドロップダウンリスト内の各オプションを表示するために使用するかを指定します。これは データマッピングを通じて行います。基本的にはデータのフィールドをコンボボックスの特定の表示部分にリンクしています。

  • ラベル：ドロップダウンの各オプションに表示したいテキストを含むフィールドを選択します（例：Contact.Name、Account.Name、またはフィールドを結合する式）。

  • 説明：ドロップダウンの各オプションに表示したいサブテキストを含むフィールドを選択します。

  • アバター画像ソース：コンボボックスのオプションに表示する画像を含むフィールド（通常は URL フィールド）をマッピングします。

一般設定を構成

データソースとマッピングを設定した後、次の一般設定を使用してコンボボックスの基本的な動作と外観をカスタマイズできます。

  • ラベル： (テキスト) コンボボックス自体のラベルを入力します（例：「連絡先を選択：」）。このラベルはドロップダウンの上に表示されます。

  • 値： (テキスト/コレクション)

    • これは現在選択されている値を保持します。適切なフィールドタイプにバインドすることが重要です。

    • 単一選択の場合は、値にバインドします。

    • 複数選択の場合は、コレクション変数にバインドします。

  • プレースホルダー： (テキスト) オプションが選択されていないときに表示するプレースホルダーテキスト。

  • バリアント： (テキスト) コンボボックスの表示方法を選択します：Standard、Label Inline、Label Stacked、Label Hidden

ドロップダウンリスト設定を構成

これらの設定は ドロップダウンリスト 自体（ユーザーがコンボボックスをクリックしたときに表示される部分）の動作と外観を制御します：

  • ドロップダウンの配置： ドロップダウンリストの配置を揃えます（左、中央、右、自動）。

  • ドロップダウンの長さ： 表示されるドロップダウンの高さ（5 または 7 オプション）。

  • 複数選択： 複数選択を許可するか（はい/いいえ）。

  • 最大選択可能数： （複数選択の場合）許可される最大選択数。

  • 最小選択数： （複数選択の場合）必要とされる最小選択数。

  • 選択時に開いたままにする： （複数選択の場合）選択後もドロップダウンを開いたままにする。

  • 検索入力を表示： ドロップダウン内に検索ボックスを表示します。

  • 必須： 選択を必須にする。

  • 無効： コンボボックス全体を無効にします。

  • クリアアイコンを非表示： 「x」（クリア）アイコンを非表示にします。

  • 選択済みオプションを非表示： すでに選択されているオプションを非表示にします

インタラクションの追加

コンボボックスコンポーネントはインタラクションをサポートしており、ユーザーが選択を変更したときにアクションをトリガーできます。最も一般的なイベントは On Change（変更時）で、選択されたオプション（または複数選択モードではオプション群）が変更されるたびに発火します。

インタラクションを追加するには

  1. コンボボックスを選択： コンポーネントビルダーのキャンバス上でコンボボックスコンポーネントをクリックします。

  2. インタラクションパネルに移動： 「Interactions」（インタラクション）パネル（またはプロパティパネル内の「Interactions」セクション）を見つけます。

  3. 新しいインタラクションを追加： 新しいインタラクションを追加するボタンまたはリンクをクリックします。

  4. イベントを選択： 位置情報を含む On Change（変更時） イベント。

  5. アクションを選択： 選択が変更されたときに実行したいアクションを選択します。例には次が含まれます：

    • ナビゲート： 別のページやレコードに移動します。

    • フローダイアログ/パネルを開く： スクリーンフローを起動します。

    • トーストを表示： 通知メッセージを表示します。

    • データソースをリフレッシュ： データソースを更新します（下の例で示すようにリアクティブフィルタリングと併用されることが多い）。

    • 変数の値を設定：変数の値を設定します。

  6. アクションを構成： 選択したアクションに必要な設定を提供します。これには通常、コンボボックスの現在の値を参照することが含まれます。

最終更新

役に立ちましたか？