![azblob://2022/11/11/eyecatch/2021-07-14-power-appssharepoint-000.jpg](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/2022/11/11/eyecatch/2021-07-14-power-appssharepoint-000.jpg)
こんにちは、あおいです。
最近、通勤時はTWICEとBLACKPINKの曲をずっと垂れ流してます。『Fancy』『Forever Young』神曲ですね。K-POPは最高です。
さて、SharePointリストで1行に複数の添付ファイルを追加した時、一覧で表示されずにクリップアイコンだけしか見えません。どうせなら一覧で表示させたいですよねー。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-001-1024x725.png)
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-002-1024x608.png)
そこで今回のブログはPower AppsでSharePointリストの添付ファイルを一覧表示させて、ついでに表示した添付ファイルをダウンロード&アプリで開く方法も紹介したいと思います。
まずはSharePointでタイトル列と添付ファイル列を含むリストを作成します。リスト名は適当に[案件リスト]としておきます。
次にPower Appsでキャンバスアプリを作成します。[空の垂直ギャラリー]を挿入し、データソースに先ほど作成した[案件リスト]を選択します。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-003-1024x564.png)
[空の垂直ギャラリー]にラベルを追加してください。そうするとリストで作成したアイテムの各タイトルが自動表示されます。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-004-1024x515.png)
先ほどのギャラリーを選択した状態で[空の垂直ギャラリー]をさらに挿入して、Itemプロパティに以下の数式を入力します。
ThisItem.添付ファイル
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-005-1024x492.png)
下の階層のギャラリーにラベルを3つ挿入して、一番左側のラベルのTextプロパティに以下の数式を入力します。
他のラベルのTextプロパティには「ダウンロード」「アプリで開く」と入力します。
ThisItem.DiplayName
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-006-1024x492.png)
中央のラベルのOnSelectプロパティに以下の数式を入力します。
Download(ThisItem.AbsoluteUri)
右側のラベルのOnSelectプロパティに以下の数式を入力します。
Launch(ThisItem.AbsoluteUri & "?web=1")
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-007-1024x490.png)
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-008-1024x495.png)
最後に、背景色・文字サイズ・配置を適当に調整すれば完成です!この辺はお好みでレイアウト組みましょう!
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-009-1024x626.png)
実際に[ダウンロード]を押してみましょう。該当の添付ファイルがローカルPCにダウンロードされます。
また、[アプリで開く]を押してみると、各アプリケーションが起動し該当のファイルが開くようになっています。
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-010-1-1024x747.png)
![](https://prtechblogfd-crhzb5g6hkhqafdm.z01.azurefd.net/drupalimages/beforemigration/2021-07-14-power-appssharepoint-011-1024x666.png)
今回はギャラリーの配下にギャラリーを挿入することで添付ファイルの一覧表示を実装しましたが、添付ファイルコントロールを切り抜いてギャラリーに挿入するような方法でも可能です!
非常に簡単なので是非試してみてください!