ember-bootstrap-select
An ember addon for using bootstrap-select in Ember applications.
Installation
npm install ember-bootstrap-select
ember-bootstrap-select thinly wraps a bootstrap-select element so that it can be object and binding aware. It is used in conjuction with the select-option component to construct select boxes. E.g.
{{#bootstrap-select value=value as |select|}} {{#select.option value=1}}Option 1{{/select.option}} {{#select.option value=2 disabled=true}}Option 2{{/select.option}} {{#select.option value=3}}Option 3{{/select.option}}{{/bootstrap-select}}
the options are always up to date, so that when the object bound to value changes, the corresponding option becomes selected.
Available options
disabled
Default: false
Accepts: boolean
Disabled select box.
disabledEmpty
Default: false
Accepts: boolean
Disabled select box if don't have options
multiple
Default: false
Accepts: boolean
Multiple select boxes
title
Default: undefined
Accepts: string
Using the title property will set the default placeholder text when nothing is selected. This works for both multiple and standard select boxes
size
Default: 'auto'
Accepts: 'auto' | integer | false
The size option is set to 'auto' by default. When size is set to 'auto', the menu always opens up to show as many items as the window will allow without being cut off. Set size to false to always show all items.
header
Default: false
Accepts: string
Adds a header to the top of the menu; includes a close button by default
format
Default: 'values'
Accepts: 'values' | 'static' | 'count' | 'count > x' (where x is an integer)
Specifies how the selection is displayed with a multiple select.
search
Default: false
Accepts: boolean
When set to true, adds a search box to the top of the selectpicker dropdown.
actionsBox
Default: false
Accepts: boolean
When set to true, adds two buttons to the top of the dropdown menu (Select All & Deselect All).
Running Tests
ember test
ember test --server