使用 KnockoutJS 绑定动态创建的表条目

Question

我正在使用 ASP.NET MVC4 在表中动态生成行。我想使用 Knockout 将所述表的每个生成行中的复选框的启用属性绑定到一个表达式，该表达式正在评估该列中是否有给定数量的复选框。

这是我的表的示例：

<table>
    <tr>
        <th>Happy?</th>
    </tr>
    @for (int z = 0; z < Model.People.Count; z++) { 
    <tr>
        <td>@Html.CheckboxFor(Model.People[z].Happy,new{@data_bind= "checked: CheckedHappyPeople, enable: CheckedHappyPeople.length < 5 || CheckedHappyPeople"})
        </td>
    }
    </tr>
</table>

还有我的虚拟机：

function viewModel(){
var self = this;
self.CheckedHappyPeople = ko.observableArray();
}

还有我的模特：

public class PeopleViewModel
{
public List<People> {get; set;}

public PeopleViewModel(){}
}

public class People
{
public bool Happy {get; set;}
}

有了上面的内容，每当我选择“快乐”复选框时，表格中的所有复选框都会被选中/取消选中。如何使用 Knockout 绑定到这些动态生成的元素？我应该以某种方式在 ASP.NET MVC4 中使用foreach 绑定吗？

Answer 1

您应该真正尝试学习和理解 Knockout，而不是要求别人为您编写代码。第一，让别人为你做这件事你并没有学到任何东西，第二，你不理解我为你编写的代码。话虽如此，这是其他人将来可能会寻找的解决方案，所以这就是答案。

http://jsfiddle.net/gzsgy/14/

<input data-bind="checked: Selected, enable: $parent.selections() < 5 || Selected()" type="checkbox" />

跟踪选择，如果有 5 个或更多选择或已选中，则禁用该复选框，以便您仍然可以取消选中它。