Framework 7 Picker — Reference

Framework 7 Picker

Framework 7 Picker settings and events. Select the component in App Structure to find these controls in Properties.

Picker Properties

Name	Description
ID	Required. Default: "". Attribute: id.
Rotate Effect	Default: false. Attribute: rotate-effect.
Momentum Ratio	Default: 7. Attribute: momentum-ratio.
Mousewheel	Default: true. Attribute: mousewheel.
Update Values On Momentum	Default: false. Attribute: update-values-on-momentum.
Update Values On Touchmove	Default: true. Attribute: update-values-on-touchmove.
Update Values On Mousewheel	Default: true. Attribute: update-values-on-mousewheel.
Free Mode	Default: false. Attribute: free-mode.
Open In	Options: Auto (auto), Popover (popover), Sheet (sheet) Default: "auto". Attribute: open-in.
Backdrop	Attribute: backdrop.
Sheet Push	Default: false. Attribute: sheet-push.
Sheet Swipe To Close	Default: false. Attribute: sheet-swipe-to-close.
Scroll To Input	Default: true. Attribute: scroll-to-input.
Input Read Only	Default: true. Attribute: input-read-only.
Close By Outside Click	Default: true. Attribute: close-by-outside-click.
Toolbar	Default: true. Attribute: toolbar.
Toolbar Close Text	Default: "Done". Attribute: toolbar-close-text.
Routable Modals	Default: true. Attribute: routable-modals.
Url	Default: "select/". Attribute: url.
Opened	Default: false. Attribute: opened.

Dynamic attributes

Name	Description
Rotate Effect	Choose dynamic data binding.
Momentum Ratio	Choose dynamic data binding.
Mousewheel	Choose dynamic data binding.
Update Values On Momentum	Choose dynamic data binding.
Update Values On Touchmove	Choose dynamic data binding.
Update Values On Mousewheel	Choose dynamic data binding.
Free Mode	Choose dynamic data binding.
Value	Choose dynamic data binding.
Open In	Choose dynamic data binding.
Backdrop	Choose dynamic data binding.
Sheet Push	Choose dynamic data binding.
Sheet Swipe To Close	Choose dynamic data binding.
Scroll To Input	Choose dynamic data binding.
Input Read Only	Choose dynamic data binding.
Close By Outside Click	Choose dynamic data binding.
Toolbar	Choose dynamic data binding.
Toolbar Close Text	Choose dynamic data binding.
Routable Modals	Choose dynamic data binding.
Url	Choose dynamic data binding.
Opened	Choose dynamic data binding.
Params	Choose dynamic data binding.

Dynamic events

Name	Description
Change	Action: Choose the action to execute.
Init	Action: Choose the action to execute.
Open	Action: Choose the action to execute.
Opened	Action: Choose the action to execute.
Close	Action: Choose the action to execute.
Closed	Action: Choose the action to execute.