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