javascript - 表格中的 Ember.js 输入复选框

Question

我有很多模型并在表格中显示它们。当用户需要用多个模型做某事时，我们需要给他选择行的能力。

如何使用复选框实现它？当然，我不想在我的模型上为每个表创建特殊字段。

这是一个简单的例子。 https://ember-twiddle.com/0b8f429f6ad3e0572438

我的尝试是:

{{input type='checkbox' checked=model.someNotExistedField}} 

但在这种情况下，输入不起作用。

和:

<input type="checkbox" {{action marked model}}  checked={{in-arr record selectedItems}} />

在第二个示例中，我尝试将选定的 ID 保存在上下文中的数组中。但是 id 也不起作用。

Answer 1

解决这个问题有几个步骤，您没有在代码示例中显示。

1. 您无需担心绑定(bind) checked复选框上的值..它可以管理自己的内部状态，您可以在选择项目时利用它... native <input>应该没问题

   <input type="checkbox">

2. 您将需要一个操作(最好是 closure action)来处理选择记录时要执行的操作

   onchange={{action (action "valueHasChanged" item) value="target.checked"}}

3. 您将需要一个数组来存储“所选项目”

   this.selectedItems = [];

我放在一起a twiddle作为这些部分如何组合在一起的一个例子。

(这个答案应该对 ember 1.13.0 及以上版本有效)