Question

我有一个局部视图，显示包含4个数据列的viewmodel列表。我想让用户选择1行并按一个按钮来POST动作。视图模型如下所示：

public class ViewModelSelection
{
    public long SelectedItem { get; set; }
    public List<ViewModelFromDB> Choices { get; set; }
}

部分视图如下：

@model MyApp.ViewModels.ViewModelSelection
<h4>Title</h4>
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <table>
        <tr>
            <th></th>
            <th>Name</th>
            <th>MeasureA</th>
            <th>MeasureB</th>
        </tr>
        @foreach (var item in Model.Choices)
        {
            <tr>
                <td>
                    @Html.RadioButton(item.id, Model.SelectedItem)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.name)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.measureA)
                </td>
                <td>
                    @Html.DisplayFor(modelItem => item.measureB)
                </td>
            </tr>
        }
    </table>

    <input type="submit" value="Save" class="" />
}

我希望将viewmodel的SelectedItem属性设置为所选行的id字段。任何建议都非常赞赏。

Answer 1

您创建了具有不同名称的单选按钮，因此它们未分组（即您可以选择所有这些按钮）并且与您的模型没有任何关系。将单选按钮更改为

@Html.RadioButtonFor(m => m.SelectedItem, item.id, new { id = "" })

如果您将此发布到带参数int selectedItem的控制器方法，则selectedItem将包含所选Choice的ID。或者，您的参数可以是ViewModelSelection model，在这种情况下model.SelectedItem将包含值。

附注：new { id = "" }删除了输入id属性，以确保您拥有有效的html（没有重复的id属性）

MVC剃刀局部视图单选按钮选择模型中的每一行

1 个答案: