1

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

        <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 功能实现。

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

4

1 回答 1

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')
});
于 2013-08-14T06:37:32.973 回答