Framework7-smart-select-picker
提供:Dev Guides
Framework7-ピッカーで開く
説明
_data-open-in_属性を_picker_に設定することで、スマートセレクトをピッカーモーダルとして表示できます。
例
次の例は、Framework7のピッカーでスマートセレクトオープンを使用する方法を示しています-
出力
上記のコードがどのように機能するかを確認するために次の手順を実行してみましょう-
- 上記のHTMLコードを smart_select_pickerl ファイルとしてサーバーのルートフォルダーに保存します。
- このHTMLファイルをhttp://localhost/smart_select_pickerlとして開くと、出力は以下のように表示されます。
- 出力は、属性data-open-inをpickerに設定することにより、ピッカーモーダルとして表示されるスマートセレクトを示しています。
- いずれかのオプションをクリックすると、ピッカーモーダルとして表示されます。これには、いずれかのオプションを選択できるオプションのリストが含まれています。