2015-11-02 61 views
0

我有一個簡單的輸入收音機,用於在激活和非激活之間進行切換。我無法弄清楚如何讓Ember將其與模型聯繫起來。我原始的HTML目前看起來是這樣的:將灰燼模型綁定到無線電場

<fieldset class="checkboxes"> 

<label class="active" for="is_active"> 
    <input type="radio" id="is_active" name="status" value="1" checked=""> 
    <span>Active</span> 
    <div class="input"></div> 
</label> 

<label class="sep">/</label> 

<label class="inactive" for="inactive"> 
    <input type="radio" id="inactive" value="0" name="status"> 
    <span>Inactive</span> 
    <div class="input"></div> 
</label> 

有沒有人對如何做到這一點使用灰燼形式模型綁定任何想法?

+0

我建議你使用Ember單選按鈕插件:https://github.com/yapplabs/ember-radio-button – Gaurav

回答

2

使您的標籤動作,這將允許您在控制器中與他們一起玩。我希望這有助於......

<fieldset> 
    <label class="option-buttons" for="reason1" {{action "setDeclineReason" "Too Expensive" on="mouseDown"}}> 
     <input name="decline-reason" id="reason1" value="Too Expensive" type="radio"> 
     <span> 
      <div class="check"></div> 
      Too expensive 
     </span> 
    </label> 
    <label class="option-buttons" for="reason2" {{action "setDeclineReason" "Lack of Amenities" on="mouseDown"}}> 
     <input name="decline-reason" id="reason2" value="Lack of Amenities" type="radio"> 
     <span> 
      <div class="check"></div> 
      Lack of amenities 
     </span> 
    </label> 
</fieldset> 

App.DeclineController = Ember.Controller.extend({ 
    declineReason: null, 
    decline: function(){ 
     var update = this.store.update('request', { 
       id: this.get('model').id, 
       user_decline_reason: this.get('declineReason') 
      }); 
     update.save(); 
    actions:{ 
    setDeclineReason: function(declineReason){ 
     this.set('declineReason', declineReason); 
    } 
    } 
});