Power Pages でコード コンポーネントを使用する
Power Apps Component Framework により、プロの開発者やアプリメーカーは、モデル駆動型アプリやキャンバス アプリのコード コンポーネントを作成できます。 これらのコード コンポーネントを使用して、フォーム、ビュー、ダッシュボードでデータを操作するユーザーの体験を向上させることができます。 詳細: Power Apps Component Framework の概要
Power Pages では、Power Apps component framework を使用して作成されたモデル駆動型アプリのコントロールをサポートするようになりました。 Power Pages Web ページでコード コンポーネントを使用するには、次の手順に従います:
これらの手順を実行した後、ユーザーは、それぞれの基本フォームを持つ フォーム コンポーネントを使用してコード コンポーネントを操作できるようになります。
前提条件
- 環境でコード コンポーネント機能を有効にするには、システム管理者の権限が必要です。
- Power Pages サイトのバージョンは 9.3.3.x 以降である必要があります。
- スターター サイト パッケージは 9.2.2103.x 以降である必要があります。
コード コンポーネントを作成およびパッケージ化する
Power Apps component framework で作成されたコード コンポーネントの作成とパッケージ化については、最初のコンポーネントを作成するを参照してください。
サポートされているフィールド タイプと形式
Power Pages は、コード コンポーネントを使用する制限付きフィールド タイプと形式をサポートします。 次の表では、対応しているすべてのフィールド データの種類と形式を示しています:
通貨
DateAndTime.DateAndTime
DateAndTime.DateOnly
Decimal
列挙型
浮動小数点数
複数の
OptionSet
SingleLine.Email
SingleLine.Phone
SingleLine.Text
SingleLine.TextArea
SingleLine.Ticker
SingleLine.URL
TwoOptions
なし
詳細: 属性リストと説明
Power Pages でサポートされていないコード コンポーネント
次のコード コンポーネント API はサポートされていません:
用途-機能 要素を true に設定しないでください。
Power Apps component framework によって値要素はサポートされていません。
モデル駆動型アプリのフィールドにコード コンポーネントを追加する
モデル駆動型アプリのフィールドにコード コンポーネントを追加する方法については、フィールドにコード コンポーネントを追加するを参照してください。
重要
Power Pages のコード コンポーネントは、Web のクライアント オプションを使用している Web ブラウザーで利用可能です。
データ ワークスペース を使用してコード コンポーネントをフォームに追加することも可能です。
データ ワークスペースのフォーム デザイナー で Dataverse フォームを編集する場合は、フィールドを選択します。
+ コンポーネント を選択し、フィールドに適切なコンポーネントを選択します。
保存 と フォームの公開 を選択します。
コード コンポーネントで使用する Power Pages サイトを構成する
モデル駆動型アプリのフィールドにコード コンポーネントを追加した後、Power Pages を構成することで基本的なフォームでコード コンポーネントを使用できます。
コード コンポーネントを有効にする方法は 2 つあります。
デザイン スタジオでコードコンポーネントを有効化する
デザイン スタジオを使用して、フォーム上でコード コンポーネントを有効にします。
フォームがページに追加された 後は、コード コンポーネントが追加されたフィールドを選択し、フィールドの編集 を選択します。
カスタム コンポーネントを有効にする フィールドを選択します。
サイトをプレビューすると、カスタム コンポーネントが有効になっていることがわかります。
ポータル管理アプリでコード コンポーネントを有効にする
ポータル管理アプリを使用して基本フォームにコード コンポーネントを追加する方法:
ポータル管理 アプリを開きます。
左側のペインで、基本フォームを選択します。
コード コンポーネントを追加するフォームを選択します。
関連を選択します。
基本フォーム メタデータを選択します。
新しい基本フォーム メタデータを選択します。
種類を属性として選択します。
属性論理名 (セレクター)を選択します。
ラベルを入力します。
コントロール スタイルに関しては、コード コンポーネントを選択します。
フォームを保存して閉じます。
ポータル Web API を使用したコード コンポーネント
コード コンポーネントを作成して web ページに追加すると、ポータルの Web API を使用して作成、取得、更新、および削除のアクションを実行できます。 この機能により、ポータル ソリューションを開発する際のカスタマイズの幅が広がります。 詳細については、サンプル ポータル Web API コンポーネントを実装するにアクセスしてください。
次の手順
チュートリアル: ポータルでコード コンポーネントを使用する