1

单击 ember 收音机时，使用以下名为 bindingChanged 的​​函数观察单击的收音机。但是，一旦单击单选按钮，就不会观察到该值，因此不会命中 bindingChanged 方法。这在 ember 0.9.8 版本中可以正常工作。它不适用于最新的 ember 版本。知道为什么观察者没有按预期工作吗？

//valueBinding snippet
App.showSampleController = Ember.Object.create({
    content : App.CreateSampleModel.create()
});

App.CreateSampleModel= Ember.Object.extend({
    id :''
});

//View Template -->
App.sampleView = Em.View.extend({
    click:function(){
        App.showSampleController.set('content',App.CreateSampleModel.create({id:1})); 
    }
});

车把片段：

{{ view Ember.RadioButton group="default" name="sampleRadio"  option=content.id valueBinding="App.showSampleController.content.id" }}

下面是单选按钮代码

Ember.RadioButton = Ember.View.extend({
    title: null,
    checked: false,
    group: "radio_button",
    disabled: false,
    customId:"open",

    classNames: ['ember-radio-button'],

    defaultTemplate: Ember.Handlebars.compile('<input type="radio" {{ bindAttr disabled="disabled" name="group" value="option" checked="checked" id="customId" }} />{{title}}'),

    bindingChanged: function(){
        if(this.get("option") == get(this, 'value')){
            this.set("checked", true);
            //invoking click when ember radio is accessed/checked/clicked!!
            this.$('input:radio').click();
        }
    }.observes("value"),

    change: function() {
        Ember.run.once(this, this._updateElementValue);
    },

    _updateElementValue: function() {
        var input = this.$('input:radio');
        set(this, 'value', input.attr('value'));
    }
});

这是一个 原始小提琴，下面是另一个小提琴，您可以在下面的小提琴中看到错误。主要区别在于它有最新的余烬，它完全打破了另一个小提琴

4

1 回答 1

1

模板中的视图上下文问题。你应该有你的模板

<label><input type="radio" {{ bindAttr disabled="view.disabled" name="view.group" value="view.option" checked="view.checked"}} />{{view.title}}</label>

这是工作版本。参考这里

于 2012-12-12T13:45:00.983 回答