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]です。