Framework7-overlay-picker-modal
提供:Dev Guides
Framework7-オーバーレイピッカーモーダル
説明
ピッカーモーダルは、カスタムコンテンツを選択するために使用されます。これは、カレンダーピッカーに似ています。 ピッカーモーダルは、_picker-modal_クラスを使用して作成できます。
次の表に指定されている2つの方法で、ピッカーモーダルを開閉できます-
S.No | Type & Description |
---|---|
1 |
クラスとデータ属性を使用して、ピッカーモーダルを開いたり閉じたりできます。 |
2 |
JavaScriptコードを使用して、ピッカーモーダルを開いたり閉じたりできます。 |
ポップアップイベント
S.No | Event | Target & Description |
---|---|---|
1 | open |
Picker Element アニメーションを開くと、このイベントが発生します。 |
2 | opened |
Picker Element アニメーションの開始が完了すると、このイベントが発生します。 |
3 | close |
Picker Element アニメーションを閉じると、このイベントが発生します。 |
4 | closed |
Picker Element アニメーションの終了が完了すると、このイベントが発生します。 |
HTML to Appメソッドを使用して、動的なピッカーモーダルを作成することもできます。 これがlink:/framework7/picker modal dynamic [example]です。