ASP MVC 3 单选按钮方案

Question

我有

public class Version
{
    public bool LeftChecked {get; set;}
    public bool RightChecked {get; set;}
    //some other properties
}
List<Version> versions = ...

现在，在视图中，我希望有包含对应于versions列表项的行和两列单选按钮的表格：一列在一个组中，另一列在另一列中（这样每列中只能选择一个按钮）。棘手的部分是如何将LeftChecked和RightChecked属性映射到这些单选按钮，以便正确进行绑定？

编辑我按照答案中的建议尝试过，但 html 生成的方式如下所示：

<tr>
    <td>        
        <input id="Versions_0__LeftChecked" name="Versions[0].LeftChecked" type="radio" value="1" />    
    </td>    
    <td>    
        <input id="Versions_0__RightChecked" name="Versions[0].RightChecked" type="radio" value="1" />    
    </td>    
</tr>
<tr>
    <td>    
        <input id="Versions_1__LeftChecked" name="Versions[1].LeftChecked" type="radio" value="1" />
    </td>
    <td>
        <input id="Versions_1__RightChecked" name="Versions[1].RightChecked" type="radio" value="1" />
    </td>
</tr>

这是不行的，因为同一列name属性应该是相同的。此外，它似乎没有绑定到我的 C# 类。好吧，javascript方法快速而出色地完成了这项工作...

Answer 1

您应该能够循环访问视图中的版本集合，并使用 Html.CheckboxFor helper 创建复选框。如果您使用以下语法，则在发布表单时将获得正确的绑定。

...other form fields
@for (int i  = 0; i < Model.Versions.Count; i++)
{
    <tr>
       <td>
          <label>Left</label>
          @Html.CheckBoxFor(x => x.Versions[i].LeftChecked)
       </td>
       <td>
          <label>Right</label>
          @Html.CheckBoxFor(x => x.Versions[i].RightChecked)
       </td>
    ... other properties
    </tr>
}

哈克德有一篇很好的文章解释了基础知识http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx