Ember.Select example

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script src="https://raw.github.com/Batterii/data/hosting/dist/ember-data.js"></script>
<script type="text/x-handlebars">
    <span>Original value was: Foo</span><br>
    <span>Current value is: {{App.controller.prop}}</span><br>
    <span>isDirty: {{App.controller.isDirty}}</span><br>
    <br>
    <a {{action "setToFoo" target="App.controller"}}>Set value to 'Foo'</a><br>
    <a {{action "setToBar" target="App.controller"}}>Set value to 'Bar'</a>
</script>

CSS

a { text-decoration: underline; color: blue; cursor: pointer; }

JavaScript

window.App = Em.Application.create();

App.store = DS.Store.create({ revision: 11 });

App.controller = Em.ObjectController.extend({
  setToFoo: function() {
    this.set('prop', 'Foo');
  },
  setToBar: function() {
    this.set('prop', 'Bar');
  }
}).create();

App.Record = DS.Model.extend({
  prop: DS.attr('string')
});

$(function() {
    App.store.load(App.Record, { id: 1, prop: 'Foo' });
    App.controller.set('content', App.store.find(App.Record, 1));
});