难以创建组合在一起的单选按钮列表,特别是在MVC 3中,但这也适用于MVC 2.
当使用Html助手生成单选按钮并且模型是数组的一部分时,会出现问题.
这是我的代码的缩减版本.
public class CollectionOfStuff {
public MVCModel[] Things { get; set }
}
/*This model is larger and represents a Person*/
public class MVCModel {
[UIHint("Hidden")]
public string Id { get; set; }
public string Name { get; set; }
public bool IsSelected { get; set; }
}
/*Assigned to new CollectionOfStuff property Things*/
var items = new[] {
new MVCModel() { Id="0" Name = "Name here" },new MVCModel() { Id="1" Name = "Name there" }
}
我的父母观点
@model CollectionOfStuff
@for (int i = 0; i < Model.Things.Length; i++) {
@Html.EditorFor(m => m.Things[i]);
}
我的视图渲染单个MVCModel对象
@Model MVCModel
@{
var attr = new {
Checked = Model.IsSelected ? "checked=checked" : ""
};
}
@Html.RadioButtonFor(model => model,Model.Id,attr)
<input type="radio" value="0" name="MVCModel[0]" id="MVCModel_0_" data-val-required="You need to choose" data-val="true" /> <input type="radio" value="1" name="MVCModel[1]" id="MVCModel_1_" data-val-required="You need to choose" data-val="true" />
单选按钮没有分组,但它具有写出元数据以进行验证的明显优势.
另一种方式是通过调用：
@Html.RadioButton(name: "GroupName",value: Model.Id,isChecked: Model.IsSelected)
生产：
<input type="radio" value="0" name="MVCModel[0].GroupName" id="MVCModel_0__GroupName"> <input type="radio" value="1" name="MVCModel[1].GroupName" id="MVCModel_1__GroupName">
同样,这不会产生所需的结果.它也缺少验证元数据.
另一个选择是创建自定义模板,但此方法的问题是验证所需的所有元数据都不存在.
关于如何创建分组单选按钮或获取元数据的任何想法,以便我自己创建模板？
解决方法
您尚未显示视图模型的外观,但您可以按某些属性对它们进行分组.让我们举一个例子：
public class Myviewmodel { [required] public string SomeProperty { get; set; } }
控制器：
public class HomeController : Controller
{
public ActionResult Index()
{
return View(new Myviewmodel());
}
[HttpPost]
public ActionResult Index(Myviewmodel model)
{
return View(model);
}
}
视图：
@model AppName.Models.Myviewmodel @using (Html.BeginForm()) { <div>A: @Html.RadioButtonFor(x => x.SomeProperty,"a")</div> <div>B: @Html.RadioButtonFor(x => x.SomeProperty,"b")</div> @Html.ValidationMessageFor(x => x.SomeProperty) <input type="submit" value="OK" /> }
现在,如果你想预先选择一些无线电,只需将视图模型的属性设置为无线电的相应值,而不是在视图中编写一些丑陋的C#代码：
public ActionResult Index()
{
var model = new Myviewmodel
{
SomeProperty = "a" // select the first radio
};
return View(model);
}
