フォーム要素

10 分

先ほども説明しましたが、モデル駆動型フォームでは、編集または表示するためにデータを表示できます。モデル駆動型アプリを使用する任意のデバイスでレンダリングするためのレスポンシブデザインが用意されています。新しいフォームを作成すると、そのフォームタイプは Main になります。 メイン フォームのデザインの目的は、テーブルごとに、あらゆる場所で使用できるフォームを 1 つのみ用意することです。ここでは、フォームに表示される要素について説明します。

フォーム組織

フォームはヘッダー、本文、およびフッターに整理されており、列などのフォーム要素を含むことができます。フォームの本文は、セクションを含むタブと呼ばれる領域で構成されます。タブおよびセクションは、コンテンツにさらなる構造を与えるフォーム要素の列をサポートするように構成できます。フォームの最初のタブは最も重要なものであり、ユーザーが表示する必要のある優先順位データが含まれている必要があります。複数のタブを設定することもできますが、データを論理的にグループ化することで、より少ない数にすると、ユーザーが頻繁にタブを使用して検索できなくなるため、パフォーマンスが向上します。さらに、タブが多すぎると、フォームに負担がかかり、パフォーマンスに影響を与える可能性があります (特にモバイルユーザーの場合)。

フォームデザイナー

フォームの編集時に実行する最も一般的なタスクは、列コントロールをフォームに配置することです。アプリでフォームを追加/変更するには、フォームデザイナー インターフェイスを参照してください。フォーム自体が画面の中央のキャンバスウィンドウに表示されます。上部のコマンドバーに、すぐに使用できる機能とナビゲーションリンクが表示されます。サイドメニューでは、各種オプション間を移動して左側のパネルに表示できます。

テーブルの列とプロパティ

最初は左側のパネルに表示されるテーブル列の一覧には、データソースの使用可能な列が表示されます。まだ使用していない列のみを表示するか、すべての列を表示するかを選択できます。画面の右側には、フォームの選択した部分のプロパティがパネルに表示されます。

必要に応じて、同じ列をフォームに複数回追加することができます。表示される値は、発生するたびに同じになります。フォームに追加されたテーブル列が、フォームフィールドになります。必須ではないフィールドを削除したり、フォーム上の必須フィールドを非表示にしたりすることもできます。データには影響を与えません。それらのフィールドを削除すると、使用していないテーブル列の一覧に戻ります。

プロパティ タブでは、フィールド名の調整、表示設定、読み取り専用の切り替えなどの操作を行うことができます。特別な構成がない場合、列のデータ型に応じて入力コントロールが列でレンダリングされます。たとえば、[選択] 列には、ドロップダウンリストのデータが表示されます。

コンポーネント

サイドレールから "コンポーネント" フィールドを選択した場合や、コマンドバーから [コンポーネント] オプションを選択した場合、左側のパネルにコンポーネント メニューが表示されます。コンポーネントを使用すると、フォームをさらにカスタマイズできます。レイアウトの選択により、フォームの物理的な構造を整理できます。グリッドコンポーネントを使用すると、グリッドからデータ入力ができるようになります。表示コンポーネントを使用すると、カレンダー、外部 Web サイト、キャンバスアプリ、その他の項目をフォームエクスペリエンスに挿入できます。入力コンポーネントは、チェックボックス、オプションセット、トグル、ペン入力など、データを入力するユーザーに他の方法を提供します。使用可能なコンポーネントの一覧で、Power BI レポートなどのオプションが展開されます。

コンポーネントの追加

追加するコンポーネントを選択すると、そのコンポーネントを適用するフィールドの指定と、どのプラットフォームにコンポーネントを表示するのかの注釈付けを求めるメッセージが Power Apps に表示されます。コンポーネントを適用できるテーブル列がない場合は、その列を挿入することができません。次の例では、リッチテキストエディターコントロールを選択しています。 テーブル列 (これは必須のフィールドであることに注意) を選択するように求められ、このコントロールを追加できる 2 つのフィールドがドロップダウンに表示されます。その中から 1 つ選択すると、フォームキャンバスにコントロールが追加されます。

このコンポーネントを表示するフォームファクターを決定できる点に注目してください。これにより、異なるフォームファクターの同じフィールドに別のコンポーネントを使用することができます。

フォームの設定

フォームの設定により、ユーザーの通知なしにバックグラウンドで動作するフォームにコントロールをインストール、ユーザーに表示されるフォームを定義できます。フォームに対するセキュリティロールを定義して、アクセス、フォームの順序、フォールバックフォームなどを制御できます。また、フォームの設定を使用すると、特定のセキュリティグループがフォームにアクセスできるのを確認することができます。次の図は、セキュリティロール タブを示しています。

フォームの順序を使用すると、セキュリティロールに応じて最初と次に表示されるフォームを決定できます。これにより、ユーザーごとに異なるフォームを表示できます。 フォールバックフォームを使用すると、セキュリティロールに選択していないフォームがある場合に特定のフォームを有効にしたり、選択したフォームがある場合に特定のフォームを無効にしたりできます。

フォーム要素の表示または非表示

各要素のプロパティ パネルを使って、要素の表示/非表示を切り替えることもできます。このオプションは、タブ、セクション、行、iFrame、および Web リソースによって実現されます。フォームスクリプトまたはビジネスルールを使用すると、これらの要素の可視性を調整して、フォームの条件に対応するユーザーインターフェイスを提供する動的フォームを作成することができます。

可視性オプションを制御するスクリプトに依存するフォームをデザインするのではなく、ビジネスルールを適用 (または別のフォームに切り替え) して要件を満たすこともできます。スクリプトを使用する場合は、表示しない要素が既定で非表示になっていることを確認してください。ロジックがスクリプトを呼び出すときにのみ表示します。こうすると、スクリプトをサポートしていないプレゼンテーションでは表示されません。

フォームのイベントハンドラー

フォームのイベントハンドラーでは、ユーザーがフォームと対話するときに実行される開発ロジックを構成できます。イベントハンドラーには、右側のパネルでその要素のイベント タブからアクセスできます。ただし、使用する前にライブラリを追加する必要があります。

フォームのイベントハンドラーは、フォームの次の領域に対して構成できます。

要素	イベント	説明
フォーム	OnLoad	フォームが読み込まれたときに発生します。
	OnSave	データが保存されたときに発生します。
タブ	TabStateChange	タブが展開または折りたたまれたときに発生します。
列	OnChange	列のデータが変更され、コントロールがフォーカスを失った場合に発生します。
IFrame	OnReadyStateComplete	IFrame の内容が読み込まれたときに発生します。

イベントハンドラーは、JavaScript Web リソースへの参照と、イベントが発生したときに実行される Web リソース内で定義される関数で構成されます。各要素には、最大 50 の個別のイベントハンドラーを構成できます。

ほとんどの場合、開発者はイベントハンドラーを作成します。ただし、フォームに構成されている内容を確認する必要がある場合もあります。

右側のパネルのイベント タブからイベントハンドラーを追加する以外に、フォームライブラリ パネルを使ってフォームに読み込むこともできます。左側のナビゲーションレールやコマンドバーからアクセスできます。 ライブラリの追加を選択すると、JavaScript ライブラリの追加が表示され、Web リソースを選択してフォームに適用できます。

概要

Power Apps フォームデザイナーを使用すると、フィールド、コンポーネント、設定、およびイベントハンドラーを通じてフォームのすべての側面を作成および制御できます。基本フォームは、データテーブル列から簡単にデザインできます。さらに、ユーザーのセキュリティロールに合わせて調整されるかなり複雑なフォームをデザインしたり、ユーザー操作時にスクリプトを実行したり、データにグラフィックインターフェイスを提供したりすることもできます。

次のユニットでは、複数のフォームを構成する方法について説明します。

続行