次の方法で共有


選択 (オプション セットの複数選択) コンポーネントを実装する

このサンプル コンポーネントは、field コンポーネントのプロパティで複数選択オプション セットタイプを活用する方法を示しています。 コード コンポーネントのプライマリ プロパティをこのタイプにバインドすることにより、ユーザーは選択肢列を使用してすべての新しいタイプのコントロールを作成できます。

ヒント

コントロールはタイプ MultiSelectOptionSet の列にバインドする必要があり、次に、その列に関連付けられた OptionSet がコンポーネントに入力されます。

オプション セット コンポーネントの複数選択。

使用可能な対象

モデル駆動型アプリ

コード

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

このマニフェストでは、MultiSelectOptionSet タイプの単一のプロパティが定義されています。 このプロパティは、コンポーネントがモデル駆動型アプリに配置されている列に関連付けられている OptionSet に自動的にバインドされます。

このコンポーネントは OptionSet の各値のオプションを持つ標準 select エレメントと、現在選択されているすべてのオプションを表示するテキスト列をレンダリングします。 各値の onClick コール バックはこのコンポーネントで定義された updateIndividualSelected メソッドに設定されています。 このメソッドは、選択したオプションを追加または削除してから、notifyOutputChanged を呼び出してデータに変更があったことをフレームワークに通知します。

MultiSelectOptionSets の場合、各オプションには、値とそれに関連付けられた数値の表示名があります。 現在選択されているオプションを追跡するために、コントロールは現在選択されているすべてのオプションの値の配列を維持します。 この方法は、PCF が getOutputs の MultiSelectOptionSet のコントロールから戻ることを期待します。

getOutputs メソッドは、現在選択されている値のセットをフレームワークに戻し、更新します。 updateView メソッドでは、コンポーネントは単に selected options テキストラベルのコンテンツを更新し、MultiSelectOptionSet プロパティのフォーマットされた値を介してフレームワークから受け取った最新の値で合わせます。

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