我正在寻找使用MVC创建下拉列表编辑器模板的最佳方法。似乎有各种各样的方法,但我找不到任何最好的方法,每个人似乎都有不同的方法。我也在使用带有Razor的MVC3,因此首选使用此方法。
答案 0 :(得分:21)
有很多方法和说法哪个最好是主观的,可能不适用于你的场景,这是你忘记在你的问题中描述的方式。我是这样做的:
型号:
public class MyViewModel
{
public string SelectedItem { get; set; }
public IEnumerable<Item> Items { get; set; }
}
public class Item
{
public string Value { get; set; }
public string Text { get; set; }
}
控制器:
public class HomeController : Controller
{
public ActionResult Index()
{
var model = new MyViewModel
{
// TODO: Fetch this from a repository
Items = new[]
{
new Item { Value = "1", Text = "item 1" },
new Item { Value = "2", Text = "item 2" },
new Item { Value = "3", Text = "item 3" },
}
};
return View(model);
}
[HttpPost]
public ActionResult Index(MyViewModel model)
{
if (!ModelState.IsValid)
{
// redisplay the view to fix validation errors
return View(model);
}
// TODO: The model is valid here =>
// perform some action using the model.SelectedItem
// and redirect to a success page informing the user
// that everything went fine
return RedirectToAction("Success");
}
}
查看(~/Views/Home/Index.cshtml
):
@model MyApp.Models.MyViewModel
@{ Html.BeginForm(); }
@Html.EditorForModel()
<input type="submit" value="OK" />
@{ Html.EndForm(); }
编辑模板(~/Views/Home/EditorTemplates/MyViewModel.cshtml
):
@model MyApp.Models.MyViewModel
@Html.DropDownListFor(x => x.SelectedItem,
new SelectList(Model.Items, "Value", "Text"))
答案 1 :(得分:4)
这是我在这篇文章中的方法:
答案 2 :(得分:1)
我个人认为列表项应该放在视图数据而不是视图模型中,但它实际上取决于您是否显示永不改变的下拉列表(使用视图数据),或者您是否必须动态修改它(使用视图模型)。
在示例中,您将相同的视图模型发布到索引操作。索引操作仅对所选项感兴趣,因此只需将索引后操作的参数更改为字符串selectedItem即可。这样,模型绑定器将查看表单参数并为您填充索引参数。
此外,我认为最好将SelectedListItems列表传递给视图,这样您就不需要任何转换,也不需要Item类。