Framework7-overlay-picker-modal

提供:Dev Guides
移動先:案内検索

Framework7-オーバーレイピッカーモーダル

説明

ピッカーモーダルは、カスタムコンテンツを選択するために使用されます。これは、カレンダーピッカーに似ています。 ピッカーモーダルは、_picker-modal_クラスを使用して作成できます。

次の表に指定されている2つの方法で、ピッカーモーダルを開閉できます-

S.No Type & Description
1

From HTML

クラスとデータ属性を使用して、ピッカーモーダルを開いたり閉じたりできます。

2

Using JavaScript

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