JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.4.js"></script>
<script type="text/x-handlebars">
{{view Ember.Select
contentBinding="App.viewSampleController"
selectionBinding="App.selectedOptionController.option"
optionLabelPath="content.name"
optionValuePath="content.id" class="dropdown"
prompt="Select..." }}
</script>
JavaScript
App = Ember.Application.create({});
App.viewSampleController = Ember.ArrayProxy.create({
content: [],
addObject: function(id, name) {
this.pushObject(Ember.Object.create({
id: id,
name: name
}));
}
});
App.selectedOptionController = Ember.Object.create({
option: null
});
App.viewSampleController.addObject(1, 'first');
App.viewSampleController.addObject(2, 'second');
App.viewSampleController.addObject(3, 'third');
var second = App.viewSampleController.objectAt(1);
App.selectedOptionController.set('option', second);
Ember.run.later(function() {
var third = App.viewSampleController.objectAt(2);
App.selectedOptionController.set('option', third);
}, 1000);