Framework7-modal-confirm
提供:Dev Guides
Framework7-モーダルの確認
説明
モーダルの確認は、表示されたコンテンツに対する何らかのアクションを確認するために使用されます。 確認モーダルは次の方法を使用します-
Or
上記のメソッドは、以下にリストされているパラメータを受け入れます-
- text -確認テキストを表示します。
- title -タイトル付きの確認モーダルを表示するオプションのメソッドです。
- callbackOk -オプションのメソッドで、モーダルの確認時にユーザーが[OK]ボタンをクリックしたときに実行されるコールバック関数を提供します。
- callbackCancel -モーダルの確認時に[キャンセル]ボタンがクリックされたときに実行されるコールバック関数を提供するオプションのメソッドです。
例
次の例は、いくつかのアクションを実行するためにリンクをクリックしたときに確認ボックスを表示するFramework7の確認モーダルの使用を示しています-
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコードを modal_confirml ファイルとしてサーバーのルートフォルダーに保存します。
- このHTMLファイルをhttp://localhost/modal_confirmlとして開くと、出力は以下のように表示されます。
- [テキストとOKのコールバック付きモーダルを表示]コールバックをクリックすると、確認を求められます。 [OK]をクリックすると、確認テキストがコールバック関数として表示されます。
- 「テキスト付きモーダル確認画面」、「OK」、および「キャンセル」コールバックをクリックすると、コールバック。 [OK]をクリックするとコールバック関数として確認テキストが表示され、ユーザーが[キャンセル]ボタンをクリックするとキャンセルを実行するコールバック関数が表示されます。