https://github.com/iliasderos/ember-data-power-select

Typeahead component built on top of ember-power-select that leverages Ember Data
https://github.com/iliasderos/ember-data-power-select

ember-data ember-power-select emberjs javascript

Last synced: 1 day ago
JSON representation

Typeahead component built on top of ember-power-select that leverages Ember Data

• Host: GitHub
• URL: https://github.com/iliasderos/ember-data-power-select
• Owner: IliasDeros
• License: mit
• Created: 2018-01-30T16:51:04.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T04:52:50.000Z (about 2 years ago)
• Last Synced: 2024-12-16T00:24:33.526Z (7 days ago)
• Topics: ember-data, ember-power-select, emberjs, javascript
• Language: JavaScript
• Homepage: https://iliasderos.github.io/ember-data-power-select/
• Size: 2.95 MB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
[![npm version](https://badge.fury.io/js/ember-data-power-select.svg)](https://badge.fury.io/js/ember-data-power-select)

# Ember Data Power Select

Integrate into your Ember Data app without having to implement a `store.query` function in each route.

See [DEMO](https://iliasderos.github.io/ember-data-power-select/)

## Installation

```

ember install ember-data-power-select

```

## Usage

See [ember-power-select](http://ember-power-select.com/docs/how-to-use-it)'s API.

Adds the following parameters :

* `modelName` - model to query when searching with `store.query()`

* `params`(optional) - additional query params to send in each request

* `queryKey`(default: 'search') - this is where the search value is send=t in each request

```

  {{#data-power-select

    modelName='user'

    params=(hash limit=10)

    queryKey='email'

    params=(hash results=10)

    onchange=(action (mut selected))

    selected=selected

    placeholder="Search Users emails..."

    as |user|

  }}

    {{user.email}}

  {{/data-power-select}}

```