gistfile1.coffee

#In template
{{tb-select options=controllers.menus.pods value=pod}}

#Work in progress
Ember.TEMPLATES['components/tb-select'] = Em.Handlebars.compile '
  <div class="controls">
    {{view view.OptionsView}}
  </div>
'

M.TbSelectComponent = Ember.Component.extend  
  OptionsView: Em.CollectionView.extend
    tagName: 'select'
    valueBinding: 'parentView.value'
    contentBinding: 'parentView.options'

    itemViewClass: Em.View.extend
      attributeBindings: ['value']
      valueBinding: 'content'
      template: Em.Handlebars.compile '
        {{view.content}}
      '
  valueDidChange: ( ->
     @$('select').val @get 'value'
  ).observes 'value'

  didInsertElement: ->
    @$('select').val @get 'selected'

  change: ->
    @set 'value', @$('select').val()