Power Appstips名前付き計算式

【Power Apps】複雑かつ大量のバリデーションチェックが必要なときのおすすめ実装

Power Apps

以下の記事でPower Appsでのバリデーションチェックの実装方法の比較や考え方などを紹介しました。

今回はこちらの記事で紹介しきれなかった複雑かつ大量のバリデーションチェックが必要な時におすすめの実装方法を紹介します。
個人的にはPower Appsでバリデーションチェックを実装することは非推奨ですが、どうしても実装したい!/しなければならない!という方の参考になれば幸いです。

この記事は Microsoft Power Apps Advent Calendar 2024 シリーズ1 12月11日 担当分の記事です。

比較まとめ(再掲)

前回の記事の再掲です。

ユーザー視点での実装パターンごとのメリット・デメリット

上記の表のメリット・デメリットより、1の実装パターンは入力項目が多いフォームに、2の実装パターンは入力項目のエラー条件が複雑な場合に適していると考えられます。
3のボタン非活性を利用する場合は、2の方法を併用しないとユーザーはエラー理由を知ることができないので注意です。

Power Appsでのバリデーションチェックの実装パターン比較

複雑な条件(=工数がかかる)順に実装パターンの強みと弱みを比較しました。

Errorプロパティを利用したリアルタイムチェック

特徴

  • ユーザーが入力中に即座にバリデーションチェックを行う方法です。
  • 正しく入力するまでエラーが表示され続け、エラーが表示されている状態で保存ボタンをクリックするとさらにエラー通知がされます。
  • 多くのフィールドに対してバリデーションチェックを行う場合には有効ですが、それなりに工数がかかります。

ロジック概要

カードのRequiredプロパティがtrueのとき、Updateプロパティが空白だとエラーになる仕様を活用してエラーチェックを行います。

カード内のErrorMessageラベルでバリデーションチェックを行う
Required(画像右下)はErrorMessageラベルが空白のときのみtrue。RequiredがfalseのときのみUpdateプロパティが空白ではなくなる
FormのOnFailureプロパティでエラー箇所を通知します

バリデーションチェックの数式をチェック対象のカードに書くので、Power Appsで起こりがちな数式の参照・非参照の分散を避けることができます。

実装方法

データカード内コントロールのプロパティ設定

まずバリデーションチェックを行いたいカードのロックを解除します。

次にErrorMessageラベルのTextプロパティをバリデーションチェックを行いたい数式に変更します。
今回はIsMatch関数を使用して特定の入力形式になっているかどうかを正規表現でチェックします。

ErrorMessageラベルのVisibleプロパティの数式を変更します。

And(!IsBlank(Self.Text), Parent.DisplayMode = DisplayMode.Edit)

データカードのプロパティ設定

カードに移り、Requiredプロパティを以下に変更します。

!IsBlank(ErrorMessage.Text)

続けてUpdateプロパティを以下に変更します。

If(
    !Self.Required,
    DataCardValue.Value
)

ここまでをバリデーションチェックを行うカードすべてに適用します。

名前付き計算式を活用したエラーメッセージの表示

次に名前付き計算式(App.Formulas)を用いてエラーが発生しているカードの場所を特定しやすくしつつ、エラーメッセージを通知できるようにします。

Table関数を使用し、エラーが発生しているカードの表示名とエラーメッセージをテーブルにします。

_errors =
    Table(
        {displayName:タイトル_DataCard1.DisplayName, msg:ErrorMessage1.Text},
        {displayName:価格_DataCard1.DisplayName, msg:ErrorMessage2.Text},
        {displayName:発売日_DataCard1.DisplayName, msg:ErrorMessage4.Text}
    );

フォームのOnFailureプロパティに以下の数式を設定することで、保存エラー時にエラー発生箇所のメッセージを通知することができます。

Notify(LookUp(_errors, !IsBlank(msg), msg), NotificationType.Error)

コメント

タイトルとURLをコピーしました