gistfile1.coffee

#in template
{{tb-select value=market_po options=controllers.menus.markets}}


#Work in progress
Ember.TEMPLATES['components/tb-select'] = Em.Handlebars.compile '
    {{view view.OptionsView}}
'

Binders.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}}
      '
  didInsertElement: ->
    @$('select').val( @get 'value' ) 
  
  valueDidChange: ( ->
    @$('select').val( @get 'value' ) 
  ).observes 'value'

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