我有很多模型并在表格中显示它们。当用户需要用多个模型做某事时,我们需要给他选择行的能力。
如何使用复选框实现它?当然,我不想在我的模型上为每个表创建特殊字段。
这是一个简单的例子。 https://ember-twiddle.com/0b8f429f6ad3e0572438
我的尝试是:
{{input type='checkbox' checked=model.someNotExistedField}}
但在这种情况下,输入不起作用。
和:
<input type="checkbox" {{action marked model}} checked={{in-arr record selectedItems}} />
在第二个示例中,我尝试将选定的 ID 保存在上下文中的数组中。但是 id 也不起作用。
最佳答案
解决这个问题有几个步骤,您没有在代码示例中显示。
您无需担心绑定(bind)
checked
复选框上的值..它可以管理自己的内部状态,您可以在选择项目时利用它... native<input>
应该没问题<input type="checkbox">
您将需要一个操作(最好是 closure action)来处理选择记录时要执行的操作
onchange={{action (action "valueHasChanged" item) value="target.checked"}}
您将需要一个数组来存储“所选项目”
this.selectedItems = [];
我放在一起a twiddle作为这些部分如何组合在一起的一个例子。
(这个答案应该对 ember 1.13.0 及以上版本有效)
关于javascript - 表格中的 Ember.js 输入复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35431452/