是否有将IList项绑定到视图的模式。我似乎遇到了HttpPost的问题。我知道菲尔·哈克写了一篇很好的文章但它已经过时了,他说他们可能会修复MVC 4。
答案 0 :(得分:51)
如果我需要为每个项目显示一个表单,并为各种属性输入,我就是这样做的。真的取决于我想要做的事情。
ViewModel看起来像这样:
public class MyViewModel
{
public List<Person> Persons{get;set;}
}
查看(当然是使用BeginForm):
@model MyViewModel
@for( int i = 0; i < Model.Persons.Count(); ++i)
{
@Html.HiddenFor(m => m.Persons[i].PersonId)
@Html.EditorFor(m => m.Persons[i].FirstName)
@Html.EditorFor(m => m.Persons[i].LastName)
}
动作:
[HttpPost]public ViewResult(MyViewModel vm)
{
...
请注意,在回发后,只有具有可用输入的属性将具有值。即,如果Person具有.SSN属性,则它不会在post操作中可用,因为它不是表单中的字段。
请注意,MVC的模型绑定的工作方式,它只会查找连续的ID。因此,在有条件地隐藏项目的情况下执行此类操作将导致它在第5项之后不绑定任何数据,因为一旦遇到ID中的间隙,它将停止绑定。即使有10个人,你也只会获得回发中的前4个:
@for( int i = 0; i < Model.Persons.Count(); ++i)
{
if(i != 4)//conditionally hide 5th item,
{ //but BUG occurs on postback, all items after 5th will not be bound to the the list
@Html.HiddenFor(m => m.Persons[i].PersonId)
@Html.EditorFor(m => m.Persons[i].FirstName)
@Html.EditorFor(m => m.Persons[i].LastName)
}
}
答案 1 :(得分:8)
一个干净的解决方案可以创建一个通用类来处理列表,因此您不需要在每次需要时创建不同的类。
public class ListModel<T>
{
public List<T> Items { get; set; }
public ListModel(List<T> list) {
Items = list;
}
}
当您返回视图时,您只需执行以下操作:
List<customClass> ListOfCustomClass = new List<customClass>();
//Do as needed...
return View(new ListModel<customClass>(ListOfCustomClass));
然后在模型中定义列表:
@model ListModel<customClass>
准备好了:
@foreach(var element in Model.Items) {
//do as needed...
}
答案 2 :(得分:4)
〜控制器
namespace ListBindingTest.Controllers
{
public class HomeController : Controller
{
//
// GET: /Home/
public ActionResult Index()
{
List<String> tmp = new List<String>();
tmp.Add("one");
tmp.Add("two");
tmp.Add("Three");
return View(tmp);
}
[HttpPost]
public ActionResult Send(IList<String> input)
{
return View(input);
}
}
}
〜强类型索引视图
@model IList<String>
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
@using(Html.BeginForm("Send", "Home", "POST"))
{
@Html.EditorFor(x => x)
<br />
<input type="submit" value="Send" />
}
</div>
</body>
</html>
〜强类型发送视图
@model IList<String>
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Send</title>
</head>
<body>
<div>
@foreach(var element in @Model)
{
@element
<br />
}
</div>
</body>
</html>
这就是你必须做的所有事情,将他的MyViewModel模型改为IList。