Ember-searchable-array NPM

Ember Searchable Array

This Ember addon provides a Mixin to facilitate text search using Sifter in array proxies. A dummy application has been created to showcase this Mixin. It can ba added to any Ember.ArrayProxy or Ember.ArrayController to enable search on it.

This README outlines the details of using and collaborating on this Ember addon.

Usage

export default Ember.ArrayController.extend(SearchableArray, {
	queryParams: ['term'],
	term: '',
	searchProperties: ['name', 'description'],
	searchTerm: Ember.computed.alias('term')
});

The ArrayController above exposes a property searchedContent that will be changed as soon as the value of searchTerm change. searchProperties is a concatenatedProperties that contains keys of properties participating in the search. The Mixin exposes a property searchResult that expose the result of the search. Please refer to Sifter repository for more details and on the tests or the dummy application for more usage information.

Sometimes, it might be a good idea to debounce the search process. Here is an example how this can be achieve.

export default Ember.ArrayController.extend(SearchableArray, {
	queryParams: ['term'],
	term: '',
	searchProperties: ['name', 'description'],
	setSearchTerm: function() {
		Ember.run.debounce(this, this.set, 'searchTerm', this.get('term'), 150);
	}.observes('term')
});