次の方法で共有


Web API コンポーネントの実装

Web API コンポーネントは、作成、取得、更新、および削除機能を実行するように設計されています。 コンポーネントは 4 つのボタンを表示して、これらのボタンをクリックして異なる Web API のアクションを呼び出せます。 Web API 呼び出しの結果は、コード コンポーネント下部の HTML div 要素に挿入されます。

Web API コンポーネント。

以下に使用できます

モデル駆動型アプリ

コード

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

既定では、サンプルのコンポーネントは作成、取得、更新の各アクションを Account エンティティで実行するように構成され、Web API の例では名前と売上フィールドを設定します。

デフォルト設定を任意のエンティティやフィールドに変更するには、下記に示すように構成を更新します

 private static _entityName:string = "account";  
 private static _requiredAttributeName: string = "name";  
 private static _requiredAttributeValue: string = "Web API code component (Sample)";  
 private static _currencyAttributeName: string = "revenue";  

createRecord メソッドは、さまざまな値 (100、200、300) に設定した売上フィールドを追加した取引先企業レコードを作成できる 3 つのボタンを表示します。

作成ボタンのうちひとつをクリックすると、ボタンの onClick イベント ハンドラーはクリックされたボタンの値を確認し、Web API アクションを使用して、ボタンの値を設定した売上フィールドを追加した取引先企業レコードを作成します。 取引先企業レコードの名前フィールドは文字列の末尾にランダムな int を追加した Web API code component (Sample) に設定されます。 Web API 呼び出しからのコールバック メソッドは、Web API 呼び出しの結果 (成功または失敗) をカスタム コントロールの結果 div に挿入します。

deleteRecord メソッドはボタンを表示し、これをクリックすると検索ダイアログが開きます。 検索ダイアログで削除したい取引先企業レコードを選択できます。 取引先企業レコードが検索ダイアログから選択されると、データベースからレコードを削除するために deleteRecord に渡されます。 Web API 呼び出しからのコールバック メソッドは、Web API 呼び出しの結果 (成功または失敗) をカスタム コントロールの結果 div に挿入します。

FetchXML retrieveMultiple メソッドは、コード コンポーネントにボタンをレンダリングします。 onClick このボタンの FetchXML 結果が生成され、 retrieveMultiple 関数に渡されて、すべてのアカウント レコードの収益フィールドの平均値を計算します。 Web API 呼び出しからのコールバック メソッドは、Web API 呼び出しの結果 (成功または失敗) をカスタム コントロールの結果 div に挿入します。

OData の retrieveMultiple メソッドはコード コンポーネントのボタンを表示します。 このボタンの onClick で OData 文字列が生成され、'コード コンポーネント Web API (サンプル)' のような名前フィールドを持つすべての取引先企業レコードを取得するために retrieveMultiple 関数に渡されます。これはコード コンポーネントのこの例で作成された、すべての取引先企業レコードに当てはまります。

レコードが正常に取得されると、コード コンポーネントには売上フィールドが 100、200、または 300 に設定された取引先企業レコードを数えるロジックがあり、この数をコード コンポーネント上で OData ステータスのコンテナ div に表示します。 Web API 呼び出しからのコールバック メソッドは、Web API 呼び出しの結果 (成功または失敗) をカスタム コントロールの結果 div に挿入します。

関連トピック

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

注意

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

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