テーブル コンポーネントの実装

このサンプル コンポーネントは 2 列のテーブルを表示します。 左側の列は API メソッドやプロパティの名前を示し、右側の列は API によって返される値を示します。 値がテーブル内で正しく調整されていることを確認するには、さまざまな種類のデバイスでこのコンポーネントを開くか、言語やユーザー設定を変更します。

注意

エンティティとテーブルの違いがわかりませんか？ Microsoft Dataverse で「開発者: 用語を理解する」を参照してください。

以下に使用できます

モデル駆動型アプリ

注意

コマンドnpm startを使用してテーブルコンポーネントをデバッグする場合、コンポーネントはテストハーネスにレンダリングされません。 これは、コンポーネントが Microsoft Power Platform CLI ツールでまだサポートされていない context.utils.getEntityMetadata メソッドを使っているためです。

コード

完全なサンプル コンポーネントは、こちら からダウンロードできます。

このサンプルは Client、UserSettings、Utility、Formatting インターフェイスからメソッドを使用する方法の例を提供します。

また、このコンポーネントはふたつのユーティリティ関数を紹介します、setFullScreen と lookupObjects。 これらの関数はコード コンポーネントの一部として表示されるボタンをクリックすると呼び出されます。 setFullScreen ボタンはコンポーネントの全画面モードをオンとオフに切り替えます。 lookupObjects ボタンは検索ダイアログを開き、選択したレコードをテキストとして div に挿入します。

このサンプルは HTML ボタンを表示して、そのボタンに onClick イベント ハンドラである onLookupObjectsButtonClick を追加します。 このボタンをクリックすると context.utils.lookupObjects() メソッドが呼び出され、パラメータとしてエンティティ名の配列が渡されます。

このメソッドは、検索ダイアログの呼び出しの完了または失敗を表す Promise オブジェクトを返します。 Promise が正常に解決されると、ユーザーが選択した検索オブジェクトがパラメータとしてコールバック メソッドに渡され、data.id、data.name、data.entityType として参照できます。

コールバック メソッドはこの情報を HTML としてコード コンポーネントに表示された div に挿入して、選択した結果をユーザーに提示します。 Promise が拒否された場合は、コンポーネントがエラー シナリオを適切に処理できるところでエラー コールバック メソッドが呼び出されます。

関連トピック

サンプル コンポーネントをダウンロード
サンプルコンポーネントの使用方法
Power Apps Component Framework API の参照
Power Apps component framework のマニフェスト スキーマ リファレンス

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。