Jak dodać atrybut "Wyłączony" do opcji w Ember.Select

Question

Mam widok Ember.Select, w jaki sposób dodać/powiązać wyłączony atrybut do znacznika opcji (NIE całego pola wyboru).

tj. Chciałbym osiągnąć następujący wynik.

<select> 
    <option value="1" disabled>I am a disabled option</option> 
    <option value="2">Im selectable</option> 
</select> 

Answer 1

Widok Ember.Select nie robi tego po wyjęciu z pudełka. Konieczne będzie dodanie niestandardowego atrybutu wiążącego dla disabled i odpowiedniej właściwości obliczeniowej, aby poinformować Ember, jak go znaleźć.

Proste podejście polega na dodaniu wyłączonego atrybutu do elementu treści/danych używanego do renderowania zaznaczenia.

App.ApplicationController = Ember.Controller.extend({ 
    choices: function() { 
    return [ 
     Ember.Object.create({firstName: "Lorem", id: 1}), 
     Ember.Object.create({firstName: "Ipsum", id: 2, disabled: true}), 
     Ember.Object.create({firstName: "Dolor", id: 3}), 
     Ember.Object.create({firstName: "Sit", id: 4}), 
     Ember.Object.create({firstName: "Amet", id: 5}) 
    ]; 
    }.property() 
}); 

i ponowne otwarcie lub przedłużyć widok Ember.SelectOption dodając atrybut disabled komputerową nieruchomości.

Ember.SelectOption.reopen({ 
    attributeBindings: ['value', 'selected', 'disabled'], 

    disabled: function() { 
    var content = this.get('content'); 
    return content.disabled || false; 
    }.property('content'), 

}); 

Oto działa jsbin. Zauważ, że opcja ipsum jest wyłączona.

Answer 2

można obsługiwać go w didInsertElement haku w widoku niestandardowego Ember.Select ..

didInsertElement: function() { 
    this.$('option[value="1"]').attr('disabled', true); 
}