LoginSignup
17
15

Power Apps のギャラリーのフィルターまとめ

Last updated at Posted at 2023-03-28

はじめに

例えば、以下のようなお問い合わせを管理する Power Apps キャンバスアプリを作る際、ギャラリーに表示しているデータを、ステータスやお問い合わせ種別、担当者などでフィルターをしたいといった相談をいただくことがあります。

image.png

image.png

もちろん、上記のようなアプリ以外でも、ギャラリーに表示しているデータをフィルターをしたいという相談をいただくことは沢山あるため、改めて、よくあるシナリオについて整理してみます。

自分が登録したデータだけ、または、自分が担当者のデータだけ表示する

こちらの記事でも紹介した、Office 365 ユーザーコネクターを使います。コネクタ―の使い方については、こちらの記事をご確認ください。

まず、App の [OnStart] 、つまり、アプリ起動時にアプリ利用者のプロフィール情報を取得して変数に格納するようにしています。

image.png

Set(
    gblCurrentUser,
    Office365ユーザー.MyProfileV2()
);

User().Email でも実現可能です。

SharePoint リストに既定で存在する登録者列、つまり、自分が登録したデータだけ表示するような場合は、以下のような式でフィルターします。

Filter(
    問い合わせリスト,
    登録者.Email = gblCurrentUser.mail
)

次に、ユーザーとグループという種類の列 (今回は、お問い合わせの担当者) を元に、自分が担当者となっているデータだけ表示したい場合は、以下のような式でフィルターします。

image.png

こちらの場合、以下のような式となります。上記登録者とほとんど同じような書き方になります。

Filter(
    問い合わせリスト,
    担当者.Email = gblCurrentUser.mail
)

以下のように、自分が担当者となっているデータだけが表示されています。

image.png

選択肢列でフィルター

以下のような選択肢列を使う際、選択肢列の項目 (今回は、お問い合わせのステータス) でフィルターをしたいという場合があります。

image.png

まず、コンボボックスを追加します。しかし、このコンボボックスの[Items]プロパティに何を入れるか迷う方もいると思います。

image.png

以下のような文言を入れれば動作するのですが、いきなりこれを書ける人はいないと思います。

image.png

そのため、よく使う簡単な方法として、以下のように、一旦別のページにフォームコントロールを追加し、該当の列の[Items]プロパティの値をコピーします。

image.png

今回はこちらをコピーし、不要になったらページごとあとで消します。

Choices([@問い合わせリスト].OData__x30b9__x30c6__x30fc__x30bf__x30)

以下で触れている通り、列名を日本語で作成したため上記のような文言となっています。

image.png

ギャラリー側の[Items]プロパティを以下のようにします。

image.png

列名.Value = コンボボックス名.Selected.Value と書くのがポイントです。

Filter(
    問い合わせリスト,
    ステータス.Value = cmbStatus.Selected.Value
)

上手くフィルターされたようです。

image.png

選択していない際はフィルターしない

ここであることに気づきます。
以下のように何も選択しない場合、データが全く表示されなくなります。

image.png

出来れば、何も選択していない際は、フィルターせずに全部表示してほしいと思います。
この場合、ギャラリー側の[Items]プロパティを以下のように書き換えます。

Filter(
    問い合わせリスト,
    IsBlank(cmbStatus.Selected.Value) || ステータス.Value = cmbStatus.Selected.Value
)

これにより、何も選択していない場合はフィルターをせず全て表示されるようになりました。
なぜこれで動作するのか最初はピンとこないかもしれませんが、一つ目の条件に一致した場合、後続の処理をしない動きとなるところがポイントです。

そのため、何も選択していない時は一つ目の条件に一致し、結果的に何もフィルターしないことになります。いずれにせよ、個人的に、この構文は覚えておいた方がいいと思います。

image.png

選択肢列で複数選択したい

例えば、以下のように、複数のステータスを選択してフィルターしたい場合です。

image.png

こちらの構文は以下のような感じです。

IsBlank(cmbStatus.Selected.Value) || ステータス.Value in cmbStatus.SelectedItems.Value

コンボボックスで選択した複数の値 (例:対応中、完了) の中に、各行のステータス.Value の値 (例:完了) が存在するかという意味になります。

ユーザーとグループ列でフィルター

次に、担当者の列でフィルターをしたい場合についてです。
こちらは、ユーザーとグループ列で作成されております。

image.png

今回は、こちらの列に存在する担当者でフィルターするようにしたいと思います。

例えば、その他のシステムのデータから連携して SharePoint リストを作成する場合、ユーザーの名前はそちらのシステムで保持している名前となるため、テキスト型となることが考えられます。このような場合も同様のアプローチとなります。

担当者のようなユーザー情報でフィルターしたい場合、ユーザーテーブルを別に持ち、リレーションシップの設定をして、そちらをベースにフィルターするという方法もあります。
しかし、このような簡易的なアプリでユーザーテーブルを別途作成してメンテナンスするのは面倒な場合もあると思います。 そのような際は、今回紹介するような方法が代替案となります。

ユーザーフィルター用のデータの作成

[App][OnStart]に以下のような処理を書きます。

ClearCollect(
    colPersonInCharge,
    Distinct(
        問い合わせリスト,
        担当者.DisplayName
    )
)

結果的に以下のようなコレクションが作成されます。

image.png

ポイントは、Distinct 関数で重複を排除することです。

※今回は、同姓同名は置いておきます

コンボボックスの作成

コンボボックスはシンプルです。以下のように、作成したコレクションを[Items]プロパティに設定します。

image.png

[SelectMultiple]は false にしておきます。

ギャラリーの設定

ギャラリーの[Items]プロパティを以下のように設定します。

image.png

Filter(
    問い合わせリスト,
     IsBlank(cmbPersonInCharge.Selected.Value) || 担当者.DisplayName = cmbPersonInCharge.Selected.Value
)

問題なく動作しました。

image.png

複数の列でフィルターしたい

複数の列でフィルターしたい際は、式をカンマでつなぎます。

Filter(
    問い合わせリスト,
    IsBlank(cmbPersonInCharge.Selected.Value) || 担当者.DisplayName = cmbPersonInCharge.Selected.Value,
    IsBlank(cmbStatus.Selected.Value) || ステータス.Value in cmbStatus.SelectedItems.Value
)

今回の場合は、担当者とステータスでフィルターしています。上述した構文により、例えば、担当者は何も選択しておらず、ステータスだけ選択した場合にも動作します。

以下イメージです。

image.png

どちらも選択されている際も以下の通り動作します。

image.png

複数選択可能な選択肢列のフィルター

以下のように、複数選択可能にしている列をベースにフィルターする方法についてです。

image.png

まず、これまでと同様に、コンボボックスを追加し、[SelectMultiple]は false にしておきます。

※こちらが true の場合、テーブル対テーブルの比較になるため、in での比較が出来ないです

その上で、以下のような構文でフィルターします。

 IsBlank(cmbQuestionProduct.Selected.Value) || cmbQuestionProduct.Selected.Value in お問い合わせ種別.Value

ギャラりーの[Items]プロパティは以下のような感じです。

Filter(
    問い合わせリスト,
    IsBlank(cmbPersonInCharge.Selected.Value) || 担当者.DisplayName = cmbPersonInCharge.Selected.Value,
    IsBlank(cmbStatus.Selected.Value) || (ステータス.Value = cmbStatus.Selected.Value),
     IsBlank(cmbQuestionProduct.Selected.Value) || cmbQuestionProduct.Selected.Value in お問い合わせ種別.Value
)

SharePoint リストでは、現状、in は委任できないため注意が必要です。

日付でのフィルター

よく、期間でフィルターしたいという要望もいただきます。こちらは結構簡単です。

まず、日付の選択コントロールを挿入します。

image.png

モダンコントロールにも日付のコントロールがあります。興味があればこちら側を利用ください。

以下のような感じで配置します。

image.png

例えば、解決希望日 (日付型) をベースにフィルタ―したい場合の構文は以下のような感じです。

 (解決希望日 >= DatePickerStart.SelectedDate And 解決希望日 <= DateAdd(
        DatePickerEnd.SelectedDate,
        1
    ))

全体像としては以下のような感じです。

Filter(
    問い合わせリスト,
    IsBlank(cmbPersonInCharge.Selected.Value) || 担当者.DisplayName = cmbPersonInCharge.Selected.Value,
    IsBlank(cmbStatus.Selected.Value) || ステータス.Value in cmbStatus.SelectedItems.Value,
    IsBlank(cmbQuestionProduct.Selected.Value) || cmbQuestionProduct.Selected.Value in お問い合わせ種別.Value,
    (解決希望日 >= DatePickerStart.SelectedDate And 解決希望日 <= DateAdd(
        DatePickerEnd.SelectedDate,
        1
    ))
)

※Today() 関数を利用した場合、以下のように、0:00 となっているため、一応、DateAdd 関数で 1 日プラスしています

image.png

検索との組み合わせ

検索と組み合わせる際は、まず、テキスト入力コントロールを追加します。

image.png

検索には Search 関数を使います。

Search 関数は以下のような感じで使います。

Search(データソース,検索文字列,検索対象列)

※検索対象列は複数選択可能

今回は、以下のような感じで、Search 関数でフィルターの結果を囲みます。

image.png

Search(
    Filter(
        問い合わせリスト,
        IsBlank(cmbPersonInCharge.Selected.Value) || 担当者.DisplayName = cmbPersonInCharge.Selected.Value,
        IsBlank(cmbStatus.Selected.Value) || ステータス.Value in cmbStatus.SelectedItems.Value,
        IsBlank(cmbQuestionProduct.Selected.Value) || cmbQuestionProduct.Selected.Value in お問い合わせ種別.Value,
        (解決希望日 >= DatePickerStart.SelectedDate And 解決希望日 <= DateAdd(
            DatePickerEnd.SelectedDate,
            1
        ))
    ),
    TextInputSearch.Text,
    "OData__x8a73__x7d30_"
)

ついでにその他フィルターなども組み合わせています。

列名を日本語で作成しているため、"OData__x8a73__x7d30_" のような列名の表記になっています。

SharePoint リストでは Search や in は現状委任できないためご注意ください。

動作確認してみます。問題なく動いているようです。

image.png

まとめ

お問い合わせを管理する Power Apps キャンバスアプリを例に、ギャラリーのデータを色々フィルターする方法について紹介しました。

データのフィルターをすることはよくあり、個人的にも相談受けることが沢山あるため、参考にしていただければ幸いです。

17
15
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
17
15