LoginSignup
1
1

More than 1 year has passed since last update.

Power Apps モデル駆動型アプリ/Dynamics365 でPCF Gallery を使用して、複数の列に入力された文字列を結合し1つの列に入力する

Last updated at Posted at 2022-08-26

こんにちは。日本マイクロソフトの向井です。
今回は、Power Apps のモデル駆動型アプリやDynamics 365 で、複数の列に入力された文字列を結合して1つの列に入力する方法をご紹介します。

この方法を使用すると、Dynamics 365 の取引先企業テーブルの住所を1行で表示することができます。

Dynamics 365 の住所は、都道府県、市区町村などそれぞれでデータを格納する列が違うため、表示も複数の行になってしまいます。

フォームの編集画面
image.png

作成されたフォーム
image.png

これらのそれぞれの列のデータを結合することで、このようにシンプルに表示をすることができるようになります。

image.png

表示は1行でされますが、クリックをすると各列それぞれにデータを入力することができます。

これを実現するためにはPCF Gallery を使用します。

0. PCF Gallery とは

PCF Gallery は、Power Apps のコンポーネントフレームワークで作成されたコントロールのコレクションです。
世界中のPower Apps ユーザーが作成したコントロールがこちらのサイトで公開されています。
公開されているコントロールはソリューションになっているので、ダウンロードして、Power Apps の環境にインポートすることができます。
image.png
PCF Gallery とは

1. PCF Gallery からコントロールをダウンロードする

今回は、こちらのPCF コントロール を使用します。
image.png

ダウンロードをクリックします。
image.png

GitHubが開きます。
Codeをクリックします。
image.png

Releasesから最新バージョンを選択します。
image.png

画面下部から、zipファイルをクリックし、ダウンロードします。
このzipファイルがソリューションになっています。
image.png

2. ソリューションをインポートする

Power Apps のホームページを開き、メニューからソリューションを選択します。
image.png

ソリューションをインポート を選択します。
image.png

参照 から先ほどダウンロードしたzipファイルをアップロードし、次へ進みます。
image.png

インポートをクリックします。
image.png

しばらく待っていると、このようにソリューションのインポートが完了します。
image.png

3. インポートしたPCF コントロールを使用する

データを表示させたいフォームを編集します。
データを表示させるための列を一つ用意しておきます。
今回は 住所(1行) というテキスト列を1つ追加しました。
保存&公開します。
image.png

クラシックに切り替えるをクリックします。
image.png

先ほど用意したフィールドをダブルクリックします。
image.png

コントロールタブを選択し、コントロールの追加をクリックします。
image.png

Carfup.AnyCompositeFields を選択し、追加をクリックします。
image.png

まず、このコントロールを表示する設定をします。
今回は、Web、電話(スマホ)、タブレットすべてにチェックを付けました。

次に、結合したい列を選択していきます。
今回は住所に必要な項目を順番に選択しています。
選択したらOKをクリックします。
image.png

保存&公開します。
image.png

該当のモデル駆動型アプリを開いて、設定が反映されているか確認します。
このように1行に住所を表示させることができました。
image.png

まとめ

今回はPCF Gallery を使用して複数のフィールドに入力されたデータを1つのフィールドにまとめて表示する方法をご紹介しました。
PCF Gallery で公開されているPCF コントロールを使うと、この他にも標準機能では難しい機能を実装可能です。
ぜひいろいろなPCF コントロール を使ってみてください。

1
1
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
1
1