テーブル グリッド コンポーネントの実装

このサンプルでは、簡単なデータセット コンポーネントの作成方法、ビューの列メタデータのバインド、レコード バインド、ページングからのレコード追加、フォームへのレコード ナビゲーションを紹介します。 コンポーネント ヘッダー列と内部レコード値は既存のビューにバインドされています。

注意

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

以下に使用できます

モデル駆動型アプリ

コード

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

列ヘッダーをビューにバインド:

ビューの列情報は context.parameters.[dataset_property_name].columns にあります。 それは配列の種類です。

レコードのバインド:

• 並べ替えたレコード ID は context.parameters.[dataset_property_name].sortedRecordIds にあります。
• すべてのレコード情報は context.parameters.[dataset_property_name].records にあります。
• 各レコード オブジェクトについては context.parameters.[dataset_property_name].records[record_Id]
• フォーマットされた値は getFormattedValue で取得できます。

必要に応じてデータのページを読み込んでください:

context.parameters.[dataset_property_name].paging は hasNextPage および loadNextPage データのようなページング機能を提供します。 次のページ データがある場合は Load More ボタンが表示されます。

このサンプルでは、コンポーネントがコンテナのサイズ変更をリスニングする方法も紹介します。

updateView が呼び出されるごとに mode.allocatedWidth と mode.allocatedHeight が提供されるように、trackContainerResize メソッドは init メソッド内で呼び出す必要があります。 最初にこのメソッドが呼び出されないと allocatedWidth と allocatedHeight が提供されません。

allocatedHeight が –1 の場合、高さに制限がありません。 コンポーネントは提供された幅に基づいて高さを調整する必要があります。

関連トピック

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

注意

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

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