javascript - Ember Js 中的复选框

Question

我有一个数据夹具适配器..

App.Person.reopenClass({
FIXTURES: [
    {
        id: 1,
        name: 'Name1',
    },
    {
        id:2,
        name:'Name2'
    }
]

});

在我的模板中，我想将此模型与复选框绑定(bind)。就像模型中有两个名称一样，因此应该有两个以名称作为标签的复选框

这是我的路线

App.IndexRoute=Ember.Route.extend({
model:function(){
    return this.store.findAll('person');
}

});

这是 Controller 单击按钮我想检索有关复选框的信息

App.IndexController=Ember.ArrayController.extend({

actions:{
    buttonHandler:function(){
             //Get Names which are checked/unchecked
        }}
});

有什么方法可以将模型与复选框绑定(bind)并检索 Controller 中已选择的复选框吗？

Answer 1

我建议使用 ObjectProxy，如本博客文章中所述:http://www.poeticsystems.com/blog/ember-checkboxes-and-you

您可以避免在模型上放置“已检查”属性，并且不得处理序列化程序尝试保存已检查属性等。

来自博客文章

代理模型:

proxiedModel: Ember.computed.map('model', function(model) {
  return Ember.ObjectProxy.create({
    content: model,
    checked: false
  });
}

模板:

<ul>
{{#each proxiedModel}}
  <li>
    {{input type="checkbox" value=checked}}
    {{name}}
  </li>
{{/each}}
</ul>