在mvc WebGrid中使用RadioButton？

Question

我的表单上有一个WebGrid，里面有一个名为“持续时间”的列。在本专栏中，我显示了两个单选按钮，所以管理员应该在每行中为该用户选择一个有效期，30天或90天并提交。在这里，我希望获得选定的单选按钮值、提交值和该行的Id，以便使用这些值执行数据库活动。

 grid.Column("Duration", format: @<text><div style="width: 30em"><table><tr><td><input       type="radio" name="group1" value="30"> 30 Days<br>
</td><td><input type="radio" name="group1" value="90"> 90 days<br>
</td></tr></table></div></text>)))

这里的问题是，当我给同一个组命名单选按钮时，我们只能在整个网格中选择一个单选按钮，但我想要的是，他应该在每行中选择一个单选按钮。又如何检索呢？

Answer 1

每个单选按钮的“组”都应该使用一个单独的名称。在所有具有相同名称的单选按钮中，只能选择一个。

使用MVC，可以使用模型绑定；当表单回发时，将根据名称或id值构建模型并分配属性。

要使用此方法，您需要使用以下方法创建输入：

@Html.RadioButtonFor(Function(m) m.MyProperty) @* ... *@

@Html.RadioButtonFor(Function(m) m.NameSelected, "Jane", New With { .name = "UserName" }) Jane <br />
@Html.RadioButtonFor(Function(m) m.NameSelected, "Jack", New With { .name = "UserName" }) Jack <br />



@Html.RadioButtonFor(Function(m) m.Occupation, "Lumberjack", New With { .name = "Occupation" }) Lumberjack <br />
@Html.RadioButtonFor(Function(m) m.Occupation, "Waiter/Waitress", New With { .name = "Occupation" }) Waiter/Waitress