ember-collection-select

A select component built using ember-collection to incrementally render large lists of options.

Usage no npm install needed!

<script type="module">
  import emberCollectionSelect from 'https://cdn.skypack.dev/ember-collection-select';
</script>

README

ember-collection-select Build Status

A select component built for Ember.js. Uses Ember Collection to incrementally render large lists of options.

Status

This is a work in progress.

Demo

Checkout the demo.

Usage

This addon provides an ember-collection-select component.

{{#ember-collection-select content=items selection=model as |item searchTerm|}}
  {{item.fullname}}
{{/ember-collection-select}}

Properties

Property Description
content Array containing all the options to select from
selection ember-collection-select will set this property to the selection that was made. Usually some property on a model, for example. If multiple is true, then it should be an array.
rowHeight
multiple
loading When true ember-collection-select will show loading span.
scoreFunction

Actions

Action Description
search sent when the user types in the input element
select-item sent when the user selects an item (functional equivalent of observing selection property). The selected object is sent as a parameter. When the user deselects the option, parameter is null.

Installation

  • git clone this repository
  • npm install
  • bower install

Running

  • ember server
  • Visit your app at http://localhost:4200.

Running Tests

  • ember test
  • ember test --server

Building

  • ember build

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