2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

PL-200 学習メモ (8) : モデル駆動型アプリ(ビュー、グラフ、ビジネスルール、コマンド)

Last updated at Posted at 2024-08-19

はじめに

この投稿は PL-200: Microsoft Power Platform 業務コンサルタントの学習をした内容のメモです。

投稿の一覧は以下のリンク先にあります。

前の投稿

ビュー

テーブルにビューを作成することで、アプリ側に表示する列、順序、フィルタ条件などを制御することができます。

ビューには以下の 3 種類があります。

名前 説明
共有ビュー (Public View) アプリを使用する全ユーザーが利用できます。
システムビュー (System View) アプリが依存しているビューで、管理者のみが編集できます。
個人用ビュー (Personal View) 各ユーザーが作成できるビューで、作成したユーザーにのみ表示されます。

カスタムテーブルを作成すると、既定で以下のような 2 つの共有ビューと 4 つのシステムビューが作成されます。

システムビュー

名前 説明
簡易検索 (Quick Find) ビュー Quick Find で使用されるビュー
高度な検索 (Adbanced Find) ビュー Adbanced Find で使用されるビュー
関連 (Associated) ビュー 関連タブ (リレーション) で使用されるビュー
検索ダイアログ (Lookup) ビュー 検索ダイアログで利用されるビュー

image.png

image.png

ビューの作成

[新しいビュー] から共有ビューを作成することができます。

image.png

列の追加

表示する列を左から選択して、順序を設定します。

image.png

[関連] タブからリレーション先のテーブルの列も追加することができます。

image.png

フィルタ条件

[フィルターの編集] からフィルタ条件を設定できます。

image.png

[行を追加] から AND 条件を追加します。OR 条件は [グループの追加] からグループを追加して、[または] (OR 条件) を選択することで指定できます。

image.png

ビューを [保存して公開] すると、アプリから利用できます。

image.png

※ ビューはキャンバスアプリからも利用できます。ビューを利用すると複雑なフィルタ条件を数式で書く必要が無くなります。

image.png

編集可能グリッド

以下の手順で "編集可能グリッド" を有効化することで、アプリのビュー上でレコードの編集を直接行うことができるようになります。

編集可能グリッドの有効化

  1. [詳細設定] をクリック
    image.png
  2. [設定] - [カスタマイズ] をクリック
    image.png
  3. [システムのカスタマイズ] をクリック
    image.png
  4. [コンポーネント] - [エンティティ] から対象のテーブルをクリック
    image.png
  5. [コントロールの追加] - [編集可能グリッド] を選択し、[追加] をクリック
    image.png
  6. [Web] [タブレット] を [編集可能グリッド] に変更し、保存して [公開] をクリック
    image.png

編集可能グリッドの利用

編集可能グリッドを有効化すると、アプリのビュー上でレコードの値を直接編集できるようになります。

image.png

個人用ビュー

個人用ビューはアプリの画面からユーザーが作成します。

  1. ビューの画面で [列の編集] や [フィルターを編集する] からビューを任意に変更する
    image.png
  2. [新しいビューとして保存] から個人用ビューとして保存
    image.png
  3. 作成した個人用ビューはアイコンから識別でき、[ビューの管理と共有] からほかのユーザーに共有することもできる
    image.png

インポート・エクスポート

データを Excel ファイルのテンプレートをエクスポートして、Excel 上でデータを編集しインポートすることができます。

  1. Excel テンプレートをダウンロード
    image.png
  2. Excel 上で編集
    image.png
  3. Excel ファイルのインポート
    image.png
  4. マッピングの確認
    image.png
  5. 列のマッピングを確認し、インポートを完了
    image.png

※ Excel のほかには CSV / XML ファイルをインポートすることができます。
image.png

グラフ

テーブルに作成したグラフはアプリ上で表示することができます。テーブルに作成したグラフ(システム グラフ)はアプリを利用する全ユーザーが表示できます。

image.png

グラフを追加するビューや使用する列を選択します。

image.png

image.png

ユーザーが自身でアプリから個人用のグラフを作成することもできます。

image.png

image.png

ダッシュボード

複数のグラフを配置したダッシュボードも作成することができます。ダッシュボードもグラフと同様に全ユーザーが利用できるシステム ダッシュボードと、個人用ダッシュボードがあります。

image.png

image.png

image.png

ビジネスルール

テーブルにビジネスルールを作成することで、列の値に応じて項目の表示を切り替えたり、レコメンデーションを表示する等のロジックを組み込むことができます。

  1. [ビジネスルール] を選択
    image.png
  2. 条件の [プロパティ] に列や条件式を設定
    image.png
  3. [コンポーネント] タブからアクションをドラッグ&ドロップで追加
    image.png
  4. 追加したアクションの [プロパティ] を設定
    image.png
  5. ビジネスルールを保存して、アクティブ化する
    image.png

右上の [スコープ] からビジネスルールのスコープを選択します。スコープによってビジネスルールがどのタイミングで実行されるのかが変わります。

スコープ 説明
エンティティ サーバー側でデータがテーブルに保存される際にビジネスルールが実行されます。キャンバスアプリ、モデル駆動型アプリの両方から利用できます。
すべてのフォーム クライアント側のフォームでビジネスルールが実行れます。モデル駆動型アプリでのみ利用できます。
  • エラーメッセージの表示

[エラーメッセージの表示] アクションでは入力項目のバリデーションが行えます。

image.png

image.png

image.png

  • レコメンデーションの表示

[レコメンデーション] のアクションを利用すると、入力された項目の値に応じてメッセージを表示することもできます。

image.png

image.png

コマンド

アプリの上部に表示されているコマンドバーにコマンドを追加したり、内容を変更することができます。

  1. ページの編集画面で [...] - [コマンド バーの編集] - [新しいタブで編集する] をクリック
    image.png
  2. 編集するコマンドバーを選択し、[編集] をクリック
    image.png
  3. [新規] からコマンドバーに追加するコントロールを選択
    image.png
    image.png
  4. コマンドの [アクション] を [計算式の実行] にすると、キャンバスアプリと同様の Power Fx を利用できます
    image.png
  5. [保存して公開]、[再生] から追加したコマンドを確認することができます
    image.png

表示しているデータの情報は以下の書式で参照することができます。

Self.Selected.Item

image.png
image.png

  • コマンドで利用できる Power Fx の例
名前 説明
Notify 画面上部にメッセージを表示します、情報、警告、エラーなどを指定できます
Confirm 確認ダイアログを表示します
Navigate 画面を遷移させます
Patch データを更新します

次の投稿

2
0
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
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?