フリップ コンポーネントの実装

このサンプルでは、Power Apps Component Framework でサードパーティ製ライブラリを使用してコンポーネントを作成する方法を説明します。 フリップのサンプル コンポーネントは、angular.js、angular-ui、angle-animate、angle-sanitize、bootstrap に基づいて実装されます。 このコードは、言及したサードパーティ製ライブラリのベスト プラクティスを明らかにしない場合があります。

注意

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

以下に使用できます

モデル駆動型アプリとキャンバス アプリ

コード

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

このサンプルは、サードパーティ製ライブラリに依存関係を追加する方法の例を示し、Power Apps Component Framework、コンポーネント モデル、そしてサードパーティの内部データモデル間で双方向のデータ バインドを実行する方法を紹介します。

フリップ コンポーネントのサンプルは、ラベルとボタンで構成されます。 ボタンをクリックすると、ラベルのテキストが切り替わります。

• コンポーネントがロードされると、ラベルはバインド列の値に基づいてテキストを表示します。 context.parameters.[property_name].attributes は関連する定義を含みます。
• Yes/No 列に対して、context.parameters.[property_name].Options は true と false の両方の値のオプションを含みます。
• フリップ ボタンを選択すると、ラベルは notifyOutputEvents メソッドを使用して値を更新し、getOutputs メソッドは非同期に呼び出されて Power Apps Component Frameworkにフローします。
• Client API はバインド列の値を更新し、更新された値はコンポーネント ラベルにフローします。 ClientAPI を使用して列の値を更新し、コントロールの updateView メソッドをトリガーすることもできます。 その後、コンポーネントがサードパーティ モデルを更新して、ラベルが更新されます。

関連トピック

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

注意

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

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