Question

单击ember radio时，使用下面名为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'));
    }
});

这是一个original fiddle，下面是另一个小提琴，你可以看到下面的小提琴。主要区别在于它有最新的余烬，它完全打破another fiddle

Answer 1

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

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

Here正在运行。 Refer这里

Ember js观察员问题

1 个答案: