【Power Platform】コンボボックスにレコードセットのアイテムを表示する #PowerApps

はじめに

Power Appsでコンボボックスを作成する際に、既存のリストをそのまま表示するのではなくコンボボックス用に表示内容を整え選択肢に設定したいと考えました。
そこでレコードセットを使って値を整形しリストのアイテムを表示する方法について整理しました。

前提

今回は取引先を選択するコンボボックスを作成します。
取引先名はリストで管理されており取引先ID、取引先名、取引先名略称の列を持っています。

コンボボックスには
　取引先名
　取引先ID_取引先名略称
といった形で、1つの選択肢に2行値を表示したいと考えています。

１．画面上にコンボボックスを配置

画面左側の挿入>入力から、コンボボックスを選択し画面上に配置します。

２．レコードセットを作成

アプリ画面（Screen1）のOnVisibleにレコードセットを作成します。
レコードセットの作成にはClearCollect関数を使用します。

ClearCollect(
    SelectList,
        AddColumns(test,
            "Search_col",
                取引先ID & "@" & 取引先名 & "@" & 取引先名略称,
            "Select_col",
                取引先ID & "_" & 取引先名略称)
)

ここでは「SelectList」という名前のコレクションに、2つのレコードセットを準備しています。
(1) Search_col
　コンボボックス内で検索を行う際に、取引先ID、取引先名、取引先名略称すべてで検索が実行できるよう1つのセットに設定しました。
(2) Select_col
　取引先IDと取引先名の2つのアイテムが1行で表示されるように設定しました。
【表示内容】取引先ID_取引先名略称

３．コンボボックスに表示内容を設定

①まず、コンボボックスの詳細設定タブにある「items」に先ほど作成した「SelectList」を設定します。

②次にプロパティタブに移動し、フィールドの編集ボタンを押下します。
　するとキャプチャのようなデータの子画面が表示されます。

今回はコンボボックスに取引先名だけでなく
　取引先名
　取引先ID_取引先名略称
といった形で選択肢に2行表示したいので、レイアウトは初期値の「シングル」ではなく「二重線」を選択します。
レイアウトに「二重線」を選択すると、主要なテキストに加え副次的なテキストの設定が可能になります。

③主要なテキスト、副次的なテキスト、SearchFieldにそれぞで参照したいデータを設定します。
・主要なテキスト：
　選択肢の1行目には「取引先名」を設定したいため、取引先マスタの取引先名列（SupplierName）を選択します。
・副次的なテキスト：
　　選択肢の2行目には「取引先ID」と「取引先名略称」を1行で表示します。
　　先ほど作成したレコードセットの(2)Select_colを選択します。
・SearchField：
　　コンボボックス内検索を行う際に検索するデータを設定します。
　　取引先ID、取引先名、取引先名略称すべてで検索可能にするため、先ほど作成したレコードセットの(1)Search_colを選択します。