https://github.com/sukima/ember-cli-select-picker

An enhanced Boostrap styled select component addon for Ember CLI
https://github.com/sukima/ember-cli-select-picker

Last synced: 24 days ago
JSON representation

An enhanced Boostrap styled select component addon for Ember CLI

• Host: GitHub
• URL: https://github.com/sukima/ember-cli-select-picker
• Owner: sukima
• License: mit
• Created: 2015-02-26T21:41:55.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2019-07-11T08:16:05.000Z (over 5 years ago)
• Last Synced: 2024-10-21T21:02:51.472Z (30 days ago)
• Language: JavaScript
• Homepage: https://sukima.github.io/ember-cli-select-picker
• Size: 1.1 MB
• Stars: 23
• Watchers: 12
• Forks: 15
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Ember-cli-select-picker [![npm version](http://img.shields.io/npm/v/ember-cli-select-picker.svg)](https://npmjs.org/package/ember-cli-select-picker) [![build status](http://img.shields.io/travis/sukima/ember-cli-select-picker.svg)](https://travis-ci.org/sukima/ember-cli-select-picker)



This is a reinvention of the select view. It is designed to offer a [Bootstrap][1] style and function. It is highly inspired from the jQuery plugin [bootstrap-select][2] but designed for Ember-CLI apps specifically. It supports single and multiple select. It adds select all/none, and search filtering for multiple selections.

See the [demo][] for examples, usage, and code snippits.

[1]: http://getbootstrap.com/

[2]: http://silviomoreto.github.io/bootstrap-select/

## Dependencies

Version 2.0 is designed for Ember CLI 1.13 or greater. If you want to use an older unsupported version of ember take a look at the last 1.x release.

## Installation

* `ember install ember-cli-select-picker`

## Using

In your templates simply replace the usual `{{select …}}` with `{{select-picker …}}`. This addon is implemented as a component since the core Ember team is deprecating views. It is down-grades (read: backwards compatible) to mobile by keeping a select view in sync under the hood.

More options and examples are available on the [demo][] site.

```handlebars

{{select-picker value=myModel.myAttr

                content=mySelectContents

                optionGroupPath="group"

                optionLabelPath="content.label"

                optionValuePath="content.value"}}

```

## Running Tests

* `npm test` - Test with Ember release, beta, and canary

* `ember test`

* `ember test --server`

## Building

* `ember build`

For more information on using ember-cli, visit [http://www.ember-cli.com/](http://www.ember-cli.com/).

[demo]: https://sukima.github.io/ember-cli-select-picker/