Power Apps のコンボボックスで躓いてしまわないために


# はじめに

Power Apps のコンボボックスコントロールを使うことで、アプリ利用者に入力してもらう際、選択肢の中から選ばせることが可能です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/3d2b768d-d521-4f94-8fac-517094563546.png)

非常に便利なため、これまでにもコンボボックスを利用する記事を沢山書いてきました。

https://qiita.com/Takashi_Masumori/items/94eb368bc6e3a4a5054f

https://qiita.com/Takashi_Masumori/items/777c37b57ddecbf05d12

https://qiita.com/Takashi_Masumori/items/92f4772a73d7f05e6690#-office-365-%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%B3%E3%83%8D%E3%82%AF%E3%82%BF%E3%81%A7%E7%B5%84%E7%B9%94%E3%81%AE%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%92%E6%A4%9C%E7%B4%A2%E3%81%99%E3%82%8B

しかし、最近コンボボックスの品質が安定せず、例えば、前は動いていたのに急に以下のような感じの状態になってしまったり、データソースを指定して自動生成されたフォームコントロールで以下のような状態になってしまったりすることがあり、市民開発者の方を困惑させてしまうことがあるため、対策について整理したいと思います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/ffa6fad3-5cf9-459d-81c6-f838693fa5ba.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/9e83597a-72cc-4599-ab70-22229a93a78d.png)

# 対策

ライトな方法から紹介します。いずれかの方法で解消できると思います。

## コンボボックスの設定を修正する

該当のコンボボックスを選択して、フィールドの編集画面を開きます。そして、[主要なテキスト] と [SearchField] にて、「Value」が選ばれていますが、ドロップダウンから再度「Value」を選択しなおします。
そして、アプリをプレビュー実行してみます。私の手元では大体この方法で直りました。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/ed16647e-a172-446c-8a7a-745c4eb91f6d.png)

ちゃんと選べるようになった。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/7ea6ac72-f212-4837-a618-4a56c19a8471.png)

なお、SharePoint リストのユーザーとグループ列を使っている場合、既定では以下のような状態になってしまいます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/77e58ceb-ead8-402a-887c-bf23ed157c87.png)

こちらもフィールドの編集画面を開きます。そして、[主要なテキスト] と [SearchField] にて、「Claims」から「DisplayName」などに変更します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/dd53e460-f199-4b1b-abed-10640d81feef.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/edf973e1-6828-47ff-9a3d-e447a9714497.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/c5b78ecc-b537-439c-943c-2f5698b9e961.png)

表示名が表示されるようになった。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/78b3a668-895c-45af-9575-b969aeaa99a4.png)

## フィールドを追加しなおす

フォームコントロールの場合、フォームのフィールドの編集画面を開いて、コンボボックスで上手く選択肢が表示されない列を削除して、追加しなおすことで、問題が解消することもあります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/d3b5babe-eb1c-427c-83c7-45bfe1b41881.png)

上手く機能しない「優先順位」列を一旦削除する。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/f068efc7-a866-44f4-8c21-107c268334b0.png)

追加しなおす。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/963481da-bcfc-4216-9aa8-21c83c61a418.png)

ちゃんと選択肢が表示されるようになった。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/bf47310c-a4b0-4e0b-b0e0-37f4f713faa7.png)

:::note
たまにですが、コンボボックスの設定をし直した後やこちらの対策をした後に、アプリの編集画面を一旦閉じて開きなおすと改善したりすることもあります。根拠はないですが、一度試してみてもよいかと思います。
:::

## モダンコントロールを使う

まず、モダンコントロールについては以下の記事で書いています。

https://qiita.com/Takashi_Masumori/items/ae700eeb59ee54ca6bbc

現在は、フォームコントロール、コンボボックスコントロール、どちらも一般公開されているため、ぼちぼち利用をしてみてもよいかと思います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/f9347a05-aad6-49ff-baae-5bc365e3d447.png)

まず、以下の手順で有効にします。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/d87b48a7-26fa-4f6c-aefd-b38385b8a442.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/2c35cd68-ed1f-4906-a738-37c0753abbd3.png)

フォームコントロールを追加します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/2caecc71-dd7a-4e85-95fa-39a204fdf6b1.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/f327dd0e-20b5-4cb3-89e3-af9a3eee5869.png)

選択肢列については、上手く表示されています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/585bcece-be59-44c1-bf65-cb8e7cec857b.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/25c5e032-c739-448e-9fea-db563e4b6912.png)

ユーザーとグループ列の使い方は少し違い、フィールドを追加する必要があります。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/68880c62-0fb5-4fa1-8121-08931ea4cb29.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/62f5728c-bb99-4806-aec5-500f64a68e35.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/0ed3eaf9-3080-4cee-87dd-42a9514b5b15.png)

ただ、残念ながら、下の方が切れており上手く表示されないです。この辺が解消してくれれば使えるのですが。。
現状は SharePoint データソースにする際はまだ控えておいた方がよいかもですね。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/650a15ef-cac4-4a0e-a0ae-1565e9283390.png)

# 設定が戻ってしまった場合

個人的に、フィールドの編集画面以外では、この辺のプロパティをよく変更するのですが、時々元に戻ってしまうことがあります。何か使っていて違和感があるときは改めてこちらの設定を見直してみて、必要に応じて再度変更ください。

検索可能かどうかを指定するプロパティ。私は大体 true にしています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/5db1203d-c4f8-45e2-aab1-f66586f7f1a8.png)

複数選択可能かどうかを指定するプロパティ。私は、特別な要件があるとき以外は false にしています。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3074511/53e82584-b8ce-4bd3-aa1a-3b14b2c55814.png)

# まとめ

今回は、Power Apps のコンボボックスで躓かないためにということで、最近よく遭遇する事象を踏まえ対策を整理してみました。個人的にこの辺のところで躓いてほしくない、時間を要してほしくないため、本記事が躓きの解消の役に立てば幸いです。