確認モーダル
確認モーダルを使用して、続行する前にユーザに応答を要求します。Lightning Experience に確認モーダルを表示するには、lightning/confirm
モジュールから LightningConfirm
をインポートし、目的の属性を使用して LightningConfirm.open()
をコールします。
この確認モーダルは、ネイティブの window.confirm()
関数に代わるものであり、Chrome と Safari のクロスオリジン iframe ではサポートされていません。ネイティブの確認関数とは異なり、LightningConfirm.open()
はページでの実行を停止せず、Promise を返します。モーダルが閉じた後で実行するコードには async
/await
または .then()
を使用します。
このサンプルコンポーネントは、スクリーンショットに表示されている確認モーダル UI を開くボタンを作成します。
確認モーダルを開くコンポーネントの JavaScript ファイルの lightning/confirm
から LightningConfirm
をインポートします。message
、variant
、および label
属性を持つ LightningConfirm
イベントを作成し、ディスパッチします。.open()
関数は、[OK] をクリックしたときには true
に解決し、[キャンセル] をクリックしたときには false
に解決する Promise を返します。
確認モーダルの属性についての詳細は、「コンポーネントの参照」を参照してください。
関連トピック