PowerApps│親子関係のSharePointリストを思い通りにギャラリー表示する方法

こんにちは、あんこ先生です。

親子関係のSharePointリストをギャラリーで表示したくありませんか？

例えば、次のような処理です。

1. 顧客からの注文とその明細を表示したい。
2. レンタル会員とその貸出リストを表示したい。
3. 部門ごとの機材一覧を表示したい。

このような処理ができれば、作れるアプリの幅も広がりますよね。

しかし、参照方法が複雑になるため、狙った表示ができないことがあります。

そこで今回は、親子関係のリストをギャラリーで思い通りに表現する方法について解説します。

これであなたも入れ子マスターですね！

ギャラリーがよくわからない人はコチラの記事もどうぞ。

親子関係のSharePointリストをギャラリー表示する方法

親子関係とは

専門用語で、依存リレーションシップといいます。

ふたつ以上のテーブルがあり、複数のテーブルが親であるテーブルに依存している関係です。

受注システムで例えると、注文テーブルと明細テーブルがこの関係になります。

親である注文がないと、子となる明細は存在しない、子の存在が親に依存しているわけです。

具体的には、親テーブルの主キーが子テーブルの主キー含まれている状態です。

親子関係のSharePointリスト

上図では、親が注文テーブル、子が明細テーブルです。

今回のサンプルでは、それぞれSharePointリストに登録しています。

テーブルの中身を確認すると、親の主キーであるOrderNoを複数の子が所持していることがわかります。

これでふたつのリストを紐づければ、どの注文でどの商品をいくつ受注したかがわかります。

注文の全貌が見えてきますね。

ギャラリーで親子関係を表現する

ギャラリーを使って親子関係を表現するには、ギャラリーの入れ子を使います。

具体的には、親となるギャラリーのテンプレートにもうひとつギャラリーを設置します。

そして親子を紐づかせるキーで抽出したテーブルを指定します。

子となるギャラリーの数に制限はありませんが、入れ子は2階層までで孫は表現できません。

また、入れ子は多重処理されるため、全体的に重くなります。

サンプルのER図

リストの関係性がわかるER図を作成してみました。

実務に寄せるため、以後、顧客マスタと商品マスタを追加した4つのリストで解説します。

親ギャラリーの作成

はじめに、親である注文テーブルを表示するギャラリーを作成します。

注文テーブルは、注文をいつ、だれから受けたのかがわかる最低限のデータを格納しています。

項目は上図のとおり、注文番号と注文日、そして顧客IDの3つです。

実際に親ギャラリーへ表示させる情報は、注文番号と注文日、顧客名と合計金額の4つです。

顧客IDを使って顧客マスタを参照させれば、顧客名と住所がわかります。

合計金額は後述します。

まずは3つの情報をギャラリーに表示させてみましょう。

//親ギャラリーのItems
注文テーブル

注文テーブルの内容を表示する

注文テーブルにある情報でそのまま使えるのは注文番号と注文日です。

ここは普通にThisItemで指定すれば表示されます。

//注文番号
ThisItem.OrderNo

//注文日
ThisItem.Date

顧客マスタを参照する

次に顧客名を表示させますが、注文テーブルは顧客名を持っていません。

そこで、注文テーブルが持つ顧客IDを使って顧客マスタから顧客名を持ってきます。

自身以外のデータソースを参照するには、LookUp関数を使います。

顧客マスタの顧客IDと比較させることで、レコードごとにIDと一致する顧客名を持ってきます。

LookUp(顧客マスタ,CId=ThisItem.CId,CName)

このやり方でも問題ありませんが、レコード数が増えてくると通信回数が増加します。

そこで、あらかじめ親ギャラリーのデータソースである注文テーブルに顧客名列を追加する方法をとります。

データソースに項目列を追加するには、AddColumns関数を使います。

ギャラリーのItemsに使うことで、項目列を追加できます。

AddColumns(注文テーブル As Par,
    "CName",LookUp(顧客マスタ,CId=Par.CId,CName)
)

これで親ギャラリーのデータソースが下図のようになります。

あとは注文番号などと同じようにThisItemで顧客名も指定できるようになります。

//顧客名
ThisItem.CName

合計金額を計算する

合計金額を求めるには、商品マスタから単価を、明細テーブルから商品ごとの数量が必要です。

そのため、まず注文番号で絞った注文テーブルに、AddColumns関数で単価列を追加します。

それをSum関数に与えて、単価✖数量の結果を総和します。

With関数は読みやすくするために使用しているので、直接記述しても問題ありません。

頭に￥マークや3桁ごとにカンマを入れるため、少しごちゃごちゃしています。

//合計金額
With({Total:Sum(AddColumns(Filter(明細テーブル,OrderNo=ThisItem.OrderNo) As Par,
        "Price",LookUp(商品マスタ,PId=Par.PId,Price)),Price*Value)},
    "合計│￥"&Text(Total,"#,#")
)

これで、合計金額も表示されましたね。

子ギャラリーの作成

次に、子である明細テーブルを表示するギャラリーを作成します。

明細テーブルは、注文番号と何をいくつ注文されたのかがわかるデータを格納しています。

項目は上図のとおり、注文番号と商品ID、そして数量の3つです。

実際に子ギャラリーへ表示させる情報は、商品名と単価、数量と合計金額の4つです。

では、それぞれ表示させてみましょう。

子ギャラリーを作成する

親と紐づいたテーブルを表示するだけなら、親のキーで抽出するだけです。

Filter(明細テーブル,OrderNo=ThisItem.OrderNo)

商品マスタを参照する

まず、商品名と単価を表示させますが、明細テーブルはそれらを持っていません。

そこで、明細テーブルが持つ商品IDを使って商品マスタから情報を持ってきます。

子は親と比べ量が多いので、LookUp関数ではなくAddColumns関数で商品名と単価列を追加しておきます。

AddColumns(
    Filter(明細テーブル,OrderNo=ThisItem.OrderNo) As Chi,
    "PName",LookUp(商品マスタ,PId=Chi.PId,PName),
    "Price",LookUp(商品マスタ,PId=Chi.PId,Price)
)

これで子ギャラリーのデータソースが下図のようになります。

あとは注文番号などと同じようにThisItemで顧客名も指定できるようになります。

//商品名
ThisItem.PName

//単価
ThisItem.Price

明細テーブルの内容を表示する

明細テーブルにある情報でそのまま使えるのは、数量のみです。

ここは普通にThisItemで指定すれば表示されます。

//数量
ThisItem.Value

合計金額を計算する

合計金額を求めるには、単価と数量が必要です。

すでにその情報は用意してあるので単純にSum関数で算出するだけです。

頭に￥マークや3桁ごとにカンマを入れるため、少しごちゃごちゃしています。

"￥"&Text(ThisItem.Price*ThisItem.Value,"#,#")

以上で完成です。

親子ギャラリーの参照

ThisItemで親の値（サンプルなら注文テーブル）を参照する範囲は、親ギャラリーのテンプレートに含まれるコントロールです。

これは、子ギャラリー本体も含みます。

しかし、子ギャラリーのテンプレートに含まれるコントロールは、子の値（明細テーブル）を参照します。

親から子の値を参照する場合は、子とおなじデータソースを指定するか、ギャラリーのAllItemを使います。

//親から子の先頭レコードにある商品名を参照
First(galDetail.AllItems).PName

逆に子から親の値を参照する場合は、親とおなじデータソースを指定するしかありません

子から親ギャラリーのAllItemは参照できません。

親子関係のSharePointリストを思い通りにギャラリー表示する方法のまとめ

今回は親子関係のリストとギャラリーを使って、参照や計算する方法を解説しました。

ギャラリーから他リストの参照、自身の値を使った計算ができましたね。

これができれば、ずいぶん思い通りにデータを操作できるようになると思います。

アクセスなどのデータベースで表現するようなことも容易にできるので、実際に作成して理解を深めてみましょう！

予告│親子関係リストで親または子のレコードを追加・修正・削除する方法

ご支援よろしくおねがいします

この記事を気に入ってくださった方、寄付してあげてもいいよという方がいらっしゃっいましたら、ご支援いただけると助かります。

下記リンクからAmazonギフト券で、金額は15円からお気持ちを入力してください。

受取人のメールアドレスは amazon@anko7793.com までお願いします。

メッセージもいただけるとたいへん喜びます。

よろしくお願いします。

Amazonギフト券(Eメールタイプ)