Question

我已发布我的代码here。在这里，我使用单选按钮来定义性别。

        <div class="control-group">
        <label class="control-label">Gender</label>
        <div class="controls">
                <p><div id="gendertype" name="gender" class="btn-group rdgender" data-toggle="buttons-radio">                    
                <button type="button" class="btn btn-info">Male</button>
                <button type="button" class="btn btn-info">Female</button>
              </div></p>
        </div>
    </div>

我希望以支持CRUD功能的现有实现的方式实现绑定。

但是我无法在这种情况下实现单选按钮的绑定（请参阅提供的小提琴）。在这种情况下，有人能告诉我如何实现切换单选按钮的绑定吗？

Answer 1

您可以为您的单选按钮创建视图，并使用类绑定在特定按钮上切换active类，具体取决于gender属性

UPD：你也可以在一些布尔属性上绑定类：

<button type="button" {{bindAttr class=":btn :btn-info controller.currentContact.male:active"}}>Male</button>
<button type="button" {{bindAttr class=":btn :btn-info controller.currentContact.male::active"}}>Female</button>


App.Person = DS.Model.extend({
    firstName: DS.attr('string'),
    lastName: DS.attr('string'),
    gender: DS.attr('string'),
    contacttype: DS.attr('number'),
    male: function(){
        return this.get('gender') == 'Male';
    }.property('gender')
});

如何使用valueBinding切换单选按钮？

1 个答案: