Skip to content

Instantly share code, notes, and snippets.

@matthias-k
Last active July 19, 2017 15:51
Show Gist options
  • Save matthias-k/e403137b8ac0ccb7158f0d87af44f5c0 to your computer and use it in GitHub Desktop.
Save matthias-k/e403137b8ac0ccb7158f0d87af44f5c0 to your computer and use it in GitHub Desktop.
aupac-typeahead without unnecessary search
import Ember from 'ember';
export default Ember.Controller.extend({
initialSelection: 'foobar',
setValue : function(selection) {
if (this.get('_typeahead')) { // Was failing in tests with this probably due to a stray observer
selection = this.get('transformSelection')(selection);
this.selected(selection); // <---- callback
if(selection) {
this.get('_typeahead').typeahead('val', selection);
} else {
this.get('_typeahead').typeahead('val', '');
}
}
},
actions: {
selected: function(selection) {
console.log("selection", selection);
this.set('currentSelection', selection);
this.set("selectionSearched", false);
},
suggestSource: function(query, syncResults, asyncResults) {
if (this.get('currentSelection') == query) {
if (!this.get('selectionSearched')) {
Ember.run.later(this, () => {
console.log("Canceling due to selection");
this.set('selectionSearched', true);
syncResults([]);
});
return;
}
}
Ember.run.later(this, () => {
this.set('searched', true);
});
if(query == 'test')
syncResults(["testing is fun!"]);
else
syncResults(["test"]);
},
}
});
{{aupac-typeahead
action=(mut value)
class='form-control'
source=(action 'suggestSource')
selection=(readonly initialSelection)
placeholder='Search...'
allowFreeInput=true
setValue=setValue
selected=(action 'selected')
}}
<br>
<br>
<br>
<br>
{{#if searched}}
results have been requested
{{else}}
No results have been requested
{{/if}}
{{outlet}}
{
"version": "0.10.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.12.0",
"ember-template-compiler": "2.12.0",
"ember-testing": "2.12.0"
},
"addons": {
"ember-data": "2.12.1",
"ember-aupac-typeahead": "2.2.0"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment