Web API コンポーネントの実装
Web API コンポーネントは、作成、取得、更新、および削除機能を実行するように設計されています。 コンポーネントは 4 つのボタンを表示して、これらのボタンをクリックして異なる Web API のアクションを呼び出せます。 Web API 呼び出しの結果は、コード コンポーネント下部の HTML div 要素に挿入されます。
使用可能な対象
モデル駆動型アプリ
コード
完全なサンプル コンポーネントは、こちら からダウンロードできます。
既定では、サンプルのコンポーネントは作成、取得、更新の各アクションを 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 のマニフェスト スキーマ リファレンス