Framework7-オーバーレイモーダル

説明

モーダルは、親ウィンドウを離れることなく別のソースからコンテンツを表示する小さなウィンドウです。

次の表に指定されているようにFramework7で利用可能なモーダルのさまざまなタイプがあります-

S.No	Modal Type & Description
1	Alert アラートモーダルが表示されます。
2	Confirm モーダルの確認は、表示されたコンテンツに対する何らかのアクションを確認するために使用されます。
3	Prompt プロンプトモーダルにより、ユーザーはいくつかのアクションを実行できます。
4	Login and Password このタイプのモーダルは認証に使用されます。
5	Nesting Modals あるモーダルを別のモーダル内で使用できます。
6	Preloader Modal プリローダーモーダルはバックグラウンドアクションを定義し、このアクション中にユーザーアクションを停止します。
7	Indicator インジケーターモーダルは、ユーザーアクション用のプリローダーモーダルのような小さな表示アクティビティを指定します。

次の表は、モーダルパラメータのリストを示しています-

S.No	Parameter & Description	Type	Default
1	title モーダルタイトルの文字列を定義するオプションのパラメーター。	string	-
2	text モーダルテキストで文字列を定義するオプションのパラメーター。	string	-
3	afterText テキストの後の文字列を定義するオプションのパラメーター。	string
4	buttons ボタンの配列と各ボタンを含むオプションのパラメーターは、ボタンパラメーターをオブジェクトとして指定します。	array	-
5	verticalButtons これはオプションのパラメーターで、trueに設定することにより垂直ボタンを指定します。	boolean	false
6	onClick ユーザーがモーダルボタンをクリックしたときにコールバック関数を実行するオプションのパラメーター。	function	-

次の表は、ボタンのパラメータを示しています-

S.No

パラメータと説明

Type

デフォルト

1

テキスト

ボタンのテキストを含む文字列を定義するオプションのパラメーター。

ひも

-

2

大胆な

これはオプションのパラメーターで、trueに設定してテキストを太字にします。

ブール値

偽

3

閉じる

オプションのパラメーター。trueに設定されている場合、ボタンをクリックするとモーダルが閉じます。

ブール値

true

4

*onClick*

ユーザーがボタンをクリックしたときにコールバック関数を実行するオプションのパラメーター。

関数

-

次の表は、モーダルイベントのリストを示しています-

S.No	Event	Target & Description
1	open	Modal Element アニメーションを開くと、このイベントが発生します。
2	opened	Modal Element アニメーションのオープンが完了すると、このイベントが発生します。
3	close	Modal Element アニメーションを閉じると、このイベントが発生します。
4	closed	Modal Element アニメーションの終了が完了すると、このイベントが発生します。