Select Element

gistfile1.txt

{{view M.Select
  contentBinding="Desires.elementTypeController"
  valueBinding="this.type"
  optionLabelPath="content.label"
  optionValuePath="content.type"
  classNames="input-xlarge"
}}

M.Select = Em.Select.extend({
    value: Ember.computed(function(key, value){
       var content = this.get('content'),
             selection = this.get('selection'),
             self = this, 
             path = this.get("optionValuePath").split(".")[1];
       

       if (value != undefined){
            content.forEach(function(item, idx){
               if (item[path] && item[path] == value) {
                    self.set('selection', item);
                    return;
               }
            });

            return value;
       }
       
       if ( selection && this.bindingContext.get('isLoaded')) {
         this.setPath('bindingContext.' + path, selection[path])
       }
        return selection ?
            this.get('selection')['path'] : 
            null;
    }).property('selection').cacheable()
});