https://github.com/cibernox/ember-power-select-blockless

Blockless version of ember-power-select
https://github.com/cibernox/ember-power-select-blockless

Last synced: 3 months ago
JSON representation

Blockless version of ember-power-select

• Host: GitHub
• URL: https://github.com/cibernox/ember-power-select-blockless
• Owner: cibernox
• License: mit
• Created: 2015-11-05T00:27:40.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T18:18:34.000Z (about 2 years ago)
• Last Synced: 2024-10-02T09:40:33.568Z (4 months ago)
• Language: JavaScript
• Size: 1.2 MB
• Stars: 8
• Watchers: 2
• Forks: 9
• Open Issues: 23
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
[![Build Status](https://travis-ci.org/cibernox/ember-power-select-blockless.svg)](https://travis-ci.org/cibernox/ember-power-select-blockless)

[![Code Climate](https://codeclimate.com/github/cibernox/ember-power-select-blockless/badges/gpa.svg)](https://codeclimate.com/github/cibernox/ember-power-select-blockless)

[![Ember Observer Score](http://emberobserver.com/badges/ember-power-select-blockless.svg)](http://emberobserver.com/addons/ember-power-select-blockless)

# Ember-power-select-blockless

Blockless version of [Ember Power Select](https://github.com/cibernox/ember-power-select)

## Installation

`ember install ember-power-select-blockless`

## Usage

This component uses internally ember-power-select, but uses the `get` helper to render an specific attribute

in each item of the list.

All options are the same as those in ember-power-select but with the addition of one new one, `labelPath`. This

 tells the component which attribute from options to use (to render each option of the list). That same attribute will also be the one rendered as the content of the trigger.

```hbs

{{power-select-blockless options=users selected=user labelPath="name" onchange=(action (mut user))}}

```

Another refinement is that by default the `searchField` will default to the value in `labelPath`, so

you don't need to specify it unless it's different.

When `options` is just an array of strings/numbers `labelPath` is not required.