Dynamic Component ダイアログを開く
概要
「動的コンポーネントを開くダイアログ」インタラクションは、動的コンポーネント内から別の動的コンポーネントを直接起動できるようにします。これにより、モジュール化された再利用可能なコンポーネントを作成し、ユーザーの操作を簡素化し、複雑なアプリケーションを容易に構築できます。
チュートリアル
動的コンポーネント間のデータ受け渡し： 動的コンポーネントを接続し、それらの間でデータを渡す方法を学びます。
ダイアログ閉鎖後の自動更新： この機能はダイアログ閉鎖後に発信元コンポーネントのデータを自動的に更新し、ユーザーが最新の情報を見ることを保証します。
仕様
「動的コンポーネントを開くダイアログ」インタラクションは、別の動的コンポーネントをモーダルダイアログで起動します。以下は設定可能な属性の内訳です：
動的コンポーネントの起動
ダイナミックコンポーネントの API 名： 起動したい動的コンポーネントを選択します。
起動されるコンポーネントへのデータ渡し（入力プロパティ）
入力プロパティ / 名前： 起動される動的コンポーネントで設定したいプロパティの API 名。
重要な注意点
ここで名前を選択できるようにするには、 まず 次の手順を、 ダイアログで起動しようとしている動的コンポーネントは、:
新しい Variable リソース 受け取りたい各データ項目について（例：レコードIDを受け取るテキスト変数）を作成します。
「 各 Variable リソースについては、 「入力用に利用可能」 チェックボックスが オンになっていることを確認してください その構成内にあります。
対象のダイアログコンポーネントで「入力可能（Available for Input）」としてマークされた変数のみが「入力プロパティ / 名前」ドロップダウンに表示されます。この設定により、ダイアログコンポーネントがこのインタラクションからデータを受け取れるようになります。
入力プロパティ / 値： 入力プロパティに渡したい値。
入力プロパティ / 型： 渡すデータ型を選択します（テキスト、数値、ブール、日付、日付/時刻、カスタムなど）。
複数値（コレクション）を許可： コレクション（複数の値）を渡す場合はこれを有効にします。
ダイアログボックスの設定
モーダルヘッダー： ダイアログボックスのタイトルを入力します。
モーダルのパディング： モーダルダイアログ内のパディングを調整して、コンテンツとダイアログ境界の間の間隔を制御します。
モーダルサイズ： ダイアログボックスのサイズを選択します（小、中、大）。
ダイアログの結果の処理
閉じたとき： ユーザーがダイアログボックスを閉じたときのインタラクションを定義します。
便利なヒント
閉じたときに発信元コンポーネントを更新： データソースを自動的に更新したい場合は「すべてのクエリを更新（Refresh All Queries）」オプションを選択します。 元の このダイアログを起動した このパネルが閉じられた直後に ダイアログが閉じられたときに自動的に更新されます。
目的： これにより、ダイアログ内で行われたまたは開始されたデータの変更が ダイアログ内で （例えば、新しいレコードの作成、元のコンポーネントに表示されている既存レコードの更新、またはレコードの削除など）が、ユーザーが手動で更新しなくても発信元コンポーネントの表示に即座に反映されます。これによりデータが同期され、即時のフィードバックが提供されます。
例： たとえば、このダイアログを使って新しい連絡先（Contact）レコードを作成する場合を想像してください。「閉じたときに発信元コンポーネントを更新」を有効にしておくと、ユーザーが連絡先の作成を完了してダイアログが閉じられたときに、元のコンポーネントの一覧やデータテーブルが自動的に更新され、新しく作成された連絡先が含まれるようになります。有効にしていないと、ユーザーが元のコンポーネントやページを手動で更新するまで新しい連絡先は表示されません。
ステップバイステップガイド
ダイアログコンポーネントの作成： ダイアログで起動したい動的コンポーネントを作成します。このコンポーネントは特定のタスクを実行するか、特定の情報を表示します。
「動的コンポーネントを開くダイアログ」インタラクションの設定： 発信元の動的コンポーネント内で「動的コンポーネントを開くダイアログ」インタラクションを見つけます。
入力プロパティの設定： インタラクションのプロパティ内にある「入力プロパティ」セクションを見つけます。入力プロパティを追加し、その API 名を入力します。これらはダイアログコンポーネントで作成したプロパティの API 名と一致している必要があります。渡したい値を指定します。
ダイアログ設定の構成： モーダルヘッダー、アクセシビリティ説明、およびダイアログボックスのサイズをカスタマイズします。
結果のインタラクションを定義： ダイアログが完了したとき、閉じられたとき、またはエラーが発生したときに実行したいアクションを指定します。
例
たとえば、製品の一覧を表示する動的コンポーネントがあるとします。ユーザーが一覧の特定の製品をクリックすると、「動的コンポーネントを開くダイアログ」インタラクションを使用して、その製品の詳細情報を表示する別の動的コンポーネントを起動できます。製品 ID を詳細コンポーネントへの入力プロパティとして渡すことができます。ユーザーが詳細ダイアログを閉じたときに製品一覧コンポーネントを更新することもできます。
「動的コンポーネントを開くダイアログ」インタラクションを使用すると、ユーザー体験を向上させ、開発を効率化するモジュール化された再利用可能なコンポーネントを作成できます。
最終更新
役に立ちましたか？