Skip to content

Instantly share code, notes, and snippets.

@SuperCoolFrog
Last active March 29, 2016 20:51
Show Gist options
  • Save SuperCoolFrog/830a011d23b3419f5156cd63d257194f to your computer and use it in GitHub Desktop.
Save SuperCoolFrog/830a011d23b3419f5156cd63d257194f to your computer and use it in GitHub Desktop.
On Change Example
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
selectorsData: [
{ name: 'mike', value: '1', action: 'alert', options: ["1", "2"] },
{ name: 'steve', value: '2', action: 'alert', options: ["1", "2"] }
],
targetValue: undefined,
onTargetValueChanged: function() {
alert(this.get('targetValue'));
}.observes('targetValue'),
actions: {
alert(value, name, target) {
alert("Hello: " + value + " - " + name + "-" + target);
}
}
});
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>
{{#each selectorsData as |selectorItem|}}
<label>{{selectorItem.name}}</label>
<select onchange={{action (action selectorItem.action selectorItem.value selectorItem.name) value="target.value"}}>
{{#each selectorItem.options as |option|}}
<option value={{option}}>{{option}}</option>
{{/each}}
</select>
<br>
{{/each}}
{
"version": "0.7.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": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.4.3/ember.debug.js",
"ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.4.3/ember-data.js",
"ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.4.3/ember-template-compiler.js"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment